真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

css樣式表由什么組成

這篇文章主要介紹“css樣式表由什么組成”,在日常操作中,相信很多人在css樣式表由什么組成問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對(duì)大家解答”css樣式表由什么組成”的疑惑有所幫助!接下來,請(qǐng)跟著小編一起來學(xué)習(xí)吧!

我們一直強(qiáng)調(diào)網(wǎng)站制作、做網(wǎng)站對(duì)于企業(yè)的重要性,如果您也覺得重要,那么就需要我們慎重對(duì)待,選擇一個(gè)安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做,要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過程中的有力推手。專業(yè)的建站公司不一定是大公司,成都創(chuàng)新互聯(lián)公司作為專業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。

css樣式表的三個(gè)組成部分:1、選擇器,用于告訴瀏覽器指定樣式將作用于頁面中哪些對(duì)象;2、屬性,是CSS提供的設(shè)置好的樣式選項(xiàng),主要包括字體屬性、文本屬性、背景屬性、布局屬性等;3、屬性值,是指定屬性的有效值,屬性與屬性值間以“:”號(hào)分割。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css樣式表的組成

在CSS樣式表中包括三個(gè)部分的內(nèi)容:選擇符、屬性和屬性值。語法樣式如下:

選擇符{屬性:屬性值;}

語法說明如下:

  • 選擇符(Selector):又稱選擇器,是CSS中很重要的概念,所有HTML中的標(biāo)記都是通過不同的CSS選擇器進(jìn)行控制的。

    它告訴瀏覽器該樣式將作用于頁面中哪些對(duì)象,這些對(duì)象可以是某個(gè)標(biāo)簽、所有網(wǎng)頁對(duì)象、指定 class 或 id 值等。瀏覽器在解析這個(gè)樣式時(shí),根據(jù)選擇器來渲染對(duì)象的顯示效果。

  • 屬性(Property):是 CSS 提供的設(shè)置好的樣式選項(xiàng),主要包括字體屬性、文本屬性、背景屬性、布局屬性、邊界屬性、列表項(xiàng)目屬性、表格屬性等內(nèi)容。其中一些屬性只有部分瀏覽器支持,因此使用CSS屬性的使用變得更加復(fù)雜。

  • 屬性值(value):指定屬性的有效值。屬性與屬性值之間以“:”號(hào)分割。當(dāng)有多個(gè)屬性值時(shí),使用“;”分隔。

css樣式表由什么組成

CSS選擇器

CSS選擇器常用的是標(biāo)記選擇器、類別選擇器、包含選擇器、ID選擇器、類選擇器等。使用選擇器即可對(duì)不同的HTML標(biāo)簽進(jìn)行控制,從而實(shí)現(xiàn)各個(gè)效果。下面對(duì)三種基本選擇器進(jìn)行詳細(xì)的介紹。

1.標(biāo)簽選擇器

HTML頁面是由很多標(biāo)機(jī)組成,例如圖片標(biāo)記、超鏈接標(biāo)記、表格標(biāo)記

等,而CSS標(biāo)記選擇器就是聲明頁面中的哪些標(biāo)記采用哪些CSS標(biāo)記,例如a選擇器,就是用于聲明頁面中所有標(biāo)記的樣式風(fēng)格。
例如:定義a標(biāo)記選擇器,在該標(biāo)記選擇器中定義超鏈接的字體與顏色。

2.類別選擇器

使用標(biāo)記選擇器非常的快捷,但是會(huì)有一定的局限性。如果頁面聲明標(biāo)記選擇器,那么頁面中所有該標(biāo)記內(nèi)容都會(huì)有相應(yīng)的變化。加入頁面中有3個(gè)

標(biāo)記,如果想讓每個(gè)

的顯示效果都不一樣,使用標(biāo)記選擇器就無法實(shí)現(xiàn)了,這時(shí)就需要引入類別選擇器。
類型選擇器的名稱由自己定義,并以“.”號(hào)開頭,定義的屬性與屬性值也要遵循CSS規(guī)范。要應(yīng)用類別選擇器的HTML標(biāo)記,只需使用class屬性來聲明即可。

例:


	
	
	
		應(yīng)用選擇one

正文內(nèi)容1

應(yīng)用選擇器two

正文內(nèi)容2

應(yīng)用選擇器three

正文內(nèi)容3

css樣式表由什么組成

3.ID選擇器

ID選擇器是通過HTML頁面中的ID屬性來進(jìn)行選擇增添樣式的,它與類別選擇器的基本相同,但是需要注意的是,由于HTML頁面中不能包含兩個(gè)相同的ID標(biāo)記,因此定義的ID選擇器也只能被使用一次。
命名ID選擇器要以“#”號(hào)開始,后加HTML標(biāo)記中的ID屬性值。
例如:使用ID選擇器控制頁面中的樣式。


	
	
		ID選擇器1

ID選擇器2

ID選擇器3

css樣式表由什么組成

擴(kuò)展知識(shí):CSS 3的新特征

模塊與模塊化結(jié)構(gòu)

在CSS 3中并沒有采取總體結(jié)構(gòu),而是采用了分工協(xié)作的模塊化結(jié)構(gòu)。采用這種模式化結(jié)構(gòu),是為了避免產(chǎn)生瀏覽器對(duì)于某個(gè)模塊支持不完全的情況。如果把整體分成幾個(gè)模塊,各瀏覽器可以選擇支持哪個(gè)模塊,不支持哪個(gè)模塊。

CSS 3中的常用模塊如下表所示:

模塊名稱功能描述
Basic Box Model定義各種與盒子相關(guān)的模塊
Line定義各種與直線相關(guān)的樣式
Lists定義各種與列表相關(guān)的樣式
Text定義各種與文字相關(guān)的樣式
Color定義各種與顏色相關(guān)的樣式
Font定義各種與字體相關(guān)的樣式
Background and Border定義各種與背景和邊框相關(guān)的樣式
Paged Media定義各種頁眉、頁腳、頁數(shù)等頁面元素?cái)?shù)據(jù)的樣式
Writing Modes定義頁面中文本數(shù)據(jù)的布局方式

到此,關(guān)于“css樣式表由什么組成”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!


網(wǎng)站欄目:css樣式表由什么組成
文章路徑:
http://weahome.cn/article/pjdsjs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部