好程序員web前端分享Css3的概念和優(yōu)勢

1、好程序員web前端分享css3的概念和優(yōu)勢好程序員web前端共享css3的概念和優(yōu)勢,css3是css技術(shù)的升級版本，css3語言開發(fā)是朝著模塊化進展的。以前的規(guī)范作為一個模塊實在是太浩大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進來。這些模塊包括： 盒子模型、列表模塊、超鏈接方式 、語言模塊 、背景和邊框 、文字特效 、多欄布局等。好程序員web前端共享css3的概念和優(yōu)勢css3的優(yōu)點：css3將徹低向后兼容，所以沒有須要修改現(xiàn)在的設(shè)計來讓它們繼續(xù)運作。網(wǎng)絡(luò)掃瞄器也還將繼續(xù)支持css2。對我們來說，css3主要的影響是將可以用法新的可用的挑選器和屬性，這些會允許實現(xiàn)新

2、的設(shè)計效果（譬如動態(tài)和漸變），而且可以很容易的設(shè)計浮現(xiàn)在的設(shè)計效果（比如說用法分欄）漸進增加和優(yōu)雅降級漸進增加 progressive enhancement：針對低版本掃瞄器舉行構(gòu)建頁面，保證最基本的功能，然后再針對高級掃瞄器舉行效果、交互等改進和追加功能達到更好的用戶體驗。優(yōu)雅降級 graceful degradation：一開頭就構(gòu)建完整的功能，然后再針對低版本掃瞄器舉行兼容。區(qū)分：優(yōu)雅降級是從復(fù)雜的現(xiàn)狀開頭，并試圖削減用戶體驗的供應(yīng)，而漸進增加則是從一個十分基礎(chǔ)的，能夠起作用的版本開頭，并不斷擴充，以適應(yīng)將來環(huán)境的需要。降級（功能衰減）意味著往回看；而漸進增加則意味著朝前看，同時保證其

3、根基處于平安地帶。css3挑選器一、層級挑選器e>f 子挑選器 挑選匹配的f元素，且匹配的f元素所匹配的e元素的子元素e+f 相鄰兄弟挑選器 挑選匹配的f元素，且匹配的f元素緊位于匹配的e元素的后面ef 通用挑選器 挑選匹配的f元素，且位于匹配的e元素后的全部匹配的f元素二、屬性挑選器1、eattr：只用法屬性名，但沒有確定任何屬性值；2、eattr="value"：指定屬性名，并指定了該屬性的屬性值；3、eattr="value"：指定屬性名，并且具有屬性值，此屬性值是一個詞列表，并且以空格隔開，其中詞列表中包含了

4、一個value詞，而且等號前面的不能不寫4、eattr="value"：指定了屬性名，并且有屬性值，屬性值是以value開始的；5、eattr$="value"：指定了屬性名，并且有屬性值，而且屬性值是以value結(jié)束的6、eattr*="value"：指定了屬性名，并且有屬性值，而且屬值中包含了value；7、eattr|="value"：指定了屬性名，并且屬性值是value或者以value-開始的值（比如說zh-cn）;三、偽類挑選器1、結(jié)構(gòu)性偽類

5、挑選器x:first-child 匹配子集的第一個元素。ie7就可以支持x:last-child匹配父元素中最后一個x元素x:nth-child(n)用于匹配索引值為n的子元素。索引值從1開頭x:only-child這個偽類普通用的比較少，比如上述代碼匹配的是div下的有且僅有一個的p，也就是說，假如div內(nèi)有多個p，將不匹配。x:nth-of-type(n)匹配同類型中的第n個同級兄弟元素xx:only-of-type匹配屬于同類型中唯一兄弟元素的xx:first-of-type匹配同級兄弟元素中的第一個x元素x:nth-last-child(n)從最后一個開頭算索引。x:nth-last-

6、of-type(n) 匹配同類型中的倒數(shù)第n個同級兄弟元素xx:root匹配文檔的根元素。在html（標準通用標志語言下的一個應(yīng)用）中，根元素永久是htmlx:empty匹配沒有任何子元素（包括包含文本）的元素x2、目標偽類挑選器e:target 挑選匹配e的全部元素，且匹配元素被相關(guān)url指向3、ui 元素狀態(tài)偽類挑選器e:enabled 匹配全部用戶界面（form表單）中處于可用狀態(tài)的e元素e:disabled 匹配全部用戶界面（form表單）中處于不行用狀態(tài)的e元素e:checked 匹配全部用戶界面（form表單）中處于選中狀態(tài)的元素ee:selection 匹配e元素中被用戶選中或處于高亮狀態(tài)的部分4、否定偽類挑選器e:not(s) （ie6-8掃瞄器不支持:not()挑選器。）匹配全部不匹配容易挑選符s的元素e5、動態(tài)偽類挑選器e:link鏈接偽類挑選器挑選匹配的e元素，而且匹配元素被定義了超鏈接并未被拜訪過。常用于鏈接描點上e:visited鏈接偽類挑選器挑選匹配的e元素，而且匹配元素被定義了超鏈接并已被拜訪過。常用于鏈接描點上e:active用戶行為挑選器挑選匹配的e元素，且匹配元素被激活。常用于鏈接描點