css選擇器的詳細介紹,css3中偽類選擇器由什么組成?
w3c規范中偽類有:
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類,但是只在對標簽上的支持最好。
【css2】的有3個
focus : 如果規定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child:必須聲明<!doctype>才能夠確保在ie中正常支持
lang:如果規定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
css選擇器識別范圍?
css選擇器優先級核心:每個選擇器本身有優先級,作用范圍越具體優先級越高。
CSS優先級從高到低分別是:
1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內聯樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規則由多個選擇器組成時,id選擇器的權值為1000,class選擇器為100,標簽選擇器為10,按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時,誰更具體用誰,也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣,后面樣式會覆蓋前面的!
web前端掌握的技能和面對的工作有哪些?
你也許會覺得前端開發是一個很簡單的工作,但當你深入其中時,一定會發現好像前端開發不是那么簡單,光網站性能優化、響應式、框架就讓你焦頭爛額,
確實,做前端開發就是先易后難,想成為一個優秀的前端開發,沒有那么簡單。
不過,天下事難則不會,會則不難,你只需要掌握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前端初學者來說,更應如此。
什么是類選擇器的命名字符?
一、關于選擇器的命名 W3C CSS2.1的 4.1.3 節中提到:標識符(包括選擇器中的元素名,類和ID)只能包含字符[a- zA-Z0-9]和ISO 10646字符編碼U+00A1及以上,再加連字號(-)和下劃線(_);它們不能以 數字,或一個連字號后跟數字為開頭。它們還可以包含轉義字符加任何ISO 10646字符作為一個數 字編碼。 由于設計到的字符很多,本文只針對字符[a-zA-Z0-9],再加連字號(-)和下劃線(_)進行討論。 關于CSS中允許使用的字符和大小寫信息 二、差異及可能產生的問題 在W3C CSS2.1說明文檔中,只提到選擇器標識符不能以數字,或一個連字號后跟數字為開頭。除 此之外,沒有相關的說明。那么各瀏覽器下的表現是否遵循這一規則呢?