css是英文Cascading Style Sheets的縮寫。
它是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。
CSS格式設置規則由選擇器和聲明兩部分組成，其中選擇器是標識格式元素的術語（如p、h1、類名或id），聲明用于定義元素樣式。
CSS的主要優點是提供了便利的更新功能。設計網站時，可以創建一個CSS樣式表文件，然后將網站中的所有網頁都連接到該樣式表文件，這樣很容易為Web站點內的所有網頁提供一致的外觀和風格。當更新某一樣式屬性時，使用該樣式的所有網頁的格式都會自動更新為新樣式，而不必逐頁進行修改。
1.標記選擇器主要應用在HTML頁中的標記樣式選擇。如P選擇器就用于聲明網頁中有P標記的文本內容，同理，H1選擇器則可以標記頁面中H1的樣式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應用H1選擇器的地方，將文字的大小設為14像素并加粗，同時將顏色設為灰色，如果要改變H1的顏色，只需將color屬性更改就可以了，比如將color設為#e7eefe來與網頁的其他地方協調。 2.類別選擇器 這是一類最常用的選擇器，用它來定義網頁中需要特殊表現的樣式，類別選擇器的名稱可以由作者自由定義，一般來講類別選擇器的命名最好有一定的意義，使CSS代碼更易維護和閱讀。例如定義導航就可以使用.daohang{}或者是.nav{}，不要使用簡略或者特殊的字符串，否則可能三天后當你再讀你的CSS代碼時，就連你自己都搞不清一個樣式到底是做什么用的！ 類別選擇器就是CSS類，在HTML表現為調用的class。例如： (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定義中，p標簽將引用CSS文件中的title樣式應用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px，上下padding為2px，左右padding為5px的矩形。 請注意類別選擇器CSS定義和標記選擇器的區別：在CSS文件中，標記選擇器前邊沒有"."號，下面我們還會講到ID選擇器，它的定義也不一樣，每個ID選擇器樣式前有一個"#"號，以確定其為ID選擇器，而在HTML中則用ID="style"引用。值得注意的是，一個標簽可以同時應用多個class選擇器，如,具體大家可以在下邊思考并做下實驗，筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區別，他們的不同之處就在于ID選擇器只能在HTML頁中使用一次，而class則可以任意多次調用，在CSS文件中，ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個ID應用于多個HTML標記，則有可能造成IE編譯錯誤，并且由于ID選擇器可以被JAVASCRIPT等調用，所以多個ID會導致JAVA編譯錯誤并崩潰！ (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示： 并且ID選擇器不能像類別選擇器那樣同時被一個標簽調用。這也是完全錯誤的語法。 復合選擇器就是基本選擇器通過不同的鏈接方式構成的。 復合選擇器就是兩個或多個基本選擇器，通過不同方式鏈接而成的選擇器。你也許會覺得前端開發是一個很簡單的工作，但當你深入其中時，一定會發現好像前端開發不是那么簡單，光網站性能優化、響應式、框架就讓你焦頭爛額，
確實，做前端開發就是先易后難，想成為一個優秀的前端開發，沒有那么簡單。
不過，天下事難則不會，會則不難，你只需要掌握11項技能就可以成為前端“大拿”，下面，就告訴你這11項技能是什么？以及每項技能的要點。
一、web前端需掌握的技能
入門必備的技能：
第1項技能：HTML超文本標記語言：
技能要點：HTML文件的結構
HTML文件的編寫方法
HTML基本標記
文字與段落標記
框架
使用表單
XHTML頁面結構
第2項技能：JavaScript腳本
技能要點：
JavaScript基本語法
流程控制
函數
對象與數組
程序調試與錯誤處理
事件處理
處理文檔對象
文檔對象模型
window窗口對象
第3項技能：CSS網頁樣式布局
技能要點：
CSS定位與div布局
div 標記與 span 標記
CSS+div美化與布局
CSS與JavaScript的綜合應用
CSS與XML的綜合運用
CSS與Ajax的綜合應用
晉級提升必會的技能
第4項技能：HTML5開發技能
技能要點：
HTML5語法
新增的input輸入類型
新增的form元素
HTML5音頻與視頻
HTML5多媒體技術
Web存儲
WebSQL混合開發
Workers多線程處理
第5項技能：常用Javascript框架
技能要點：
jQuery框架
Prototype框架
YUI框架
ExtJS框架
Dojo框架
第6項技能：Javascript Ajax應用
技能要點：
JavaScript的常用對象
DOM文檔對象模型
XML請求與響應
JSON
Post/Get請求
成為優秀的前端開發必會的技能
第7項技能：響應式Web設計
技能要點：
Range對象與Selection對象
學會繪制圖形
History API
CSS 3 模塊與模塊化結構
CSS3中的屬性選擇器
使用選擇器在頁面中插入內容
文字與字體相關樣式
CSS 3中的變形處理
CSS 3中的動畫功能
第8項技能：常用交互設計工具
技能要點：
流程圖工具
導航設計工具
思維導圖
原型設計工具
UML工具
站點地圖工具
第9項技能：Web交互設計
技能要點：
指示牌和面包屑
可用性測試
可訪問性/級聯樣式表
第10項技能：網站信息架構
技能要點：
用戶需求及其行為分析
信息架構基本信息
組織系統
標簽系統
搜索系統
敘詞表、受控詞表，以及元數據
流程和方法論
設計和文件說明
第11項技能：REST軟件架構
技能要點：
統一接口GET/POST/PUT/DELETE
識別資源
表述解析Json/XML/Html
查詢
Web緩存
條件請求
擴展性與版本控制
最后分享一則完整版的千鋒web前端學習大綱。
好了，這下你可以有計劃、分步驟的學習和掌握這些技能了。
二、web前端的工作方向有哪些？
給大家列舉Web前端的六個就業方向和工作內容。
1、資深Web架構師
這個方向，既兼顧了工作的單純性、又能夠減少實際Coding的工作量，能騰出更多時間。在國內，Web前端工程師遇到較多的情況是總是反復編寫著同樣的代碼，總是面對著同樣的技術和產品，容易感覺枯燥。但正是由于這樣較為廣泛的Web相關知識的沉淀，使得我們更加容易成為一名架構師。
雖說這種職業發展方向不如第一種來得平滑，但是作為一名架構師在學習后端技術、DBA、Platform等內容，將其豐富的知識應用到需要實際中的項目操作，不再局限自己在家里隨便寫寫兩個Demo。即便在學成這段時間，勢必會遭遇一段時間的陣痛期。但對于一個大局觀好、悟性好、知識面廣的前端工程師而言，這依舊是值得推薦的榮光之路。
2、資深Web前端工程師
這個方向算是一個Web前端最基本的選擇了，但能夠把自己的專業做到極致，能一輩子就在一個專業領域不斷學習和積累。對所有的Web前端工程師來說，朝著這個職業發展方向，只要足夠耐心、厚積薄發，成功的概率是非常高的。
3、網頁設計師
網頁設計師可以將平面設計中的審美觀點套用到網站設計上面來(其區別是動態網頁的制作是平面設計不能達到的，它是一種審美方式的延伸)。網頁如門面，小到個人主頁，大到大公司、大的政府部門以及國際組織等在網絡上無不以網頁作為自己的門面。當點擊到網站時，首先映入眼簾的是該網頁的界面設計，如內容的介紹、按鈕的擺放、文字的組合、色彩的應用、使用的引導等等。這一切都是網頁設計的范疇，都是網頁設計師的工作。而且具備精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網頁設計工具的能力。
4、PHP程序員
PHP技術人才，正迎合了目前的互聯網的發展趨勢。而且PHP作為非常優秀的、簡便的Web開發語言，和Linux，Apache，MySQL緊密結合，形成LAMP的開源黃金組合，不僅降低使用成本，還提升了開發速度，滿足最新的互動式網絡開發的應用，這使得php軟件工程師成為一個發展迅速的職業。
5、自己創業
其實，自己創業是最好的道路，但也是成功率最低的道路，挑戰和機遇并存。作為一個前端技術人員，需要將自己的視野更多放在行業的動態、產業鏈的動態、相關產品領域的動態，把關注細節的優勢繼續保持，同時，增強自己把控一個產品乃至一個公司命運的能力。
6、轉崗管理或其他
這條職業道路和Web前端技術之路關系不大。
最后，千鋒武漢小編想說，無論是否走上Web前端開發這條道路，其實對于任何技術之路，更好的大局觀、更廣泛的視野是良好發展的必備條件。擁有良好的大局觀和更廣泛的視野別無他法，只能不斷的進行知識的橫向拓展和積累。同時，多在橫向拓展知識的時候進行實踐，把知識變成技能，對于Web前端初學者來說，更應如此。
cssSelector定位，屬于CSS高級等位，它的定位方式，利用選擇器進行的。在CSS 中，選擇器是一種模式，用于選擇需要添加樣式的對象。“CSS” 列指示該屬性是在哪個CSS 版本中定義的。(CSS1、CSS2 還是CSS3。);
下面羅列了一部分的CSS定位方式。看到這么多是否覺得CSS不再簡單，其實不然常用的幾種方式作者已標記，CSS定位是平常使用過程中非常重要的一種方式。它與Xpath定位有諸多類似的地方，但是無論從性能還是語法上來說CSS都是比較有優勢的。
1、一般情況下定位速度要比XPATH快
2、語法比Xpath要簡潔