html5是HTML的最新標準版本,而css3則是css的最新標準版本。平時大家說HTML5+CSS3,其實指的就是利用這二者的新特性來開發(fā)項目。 HTML5相對于以前的HTML4版本,主要朝著語義化、現(xiàn)代化的方向發(fā)展,去掉了一些純表現(xiàn)形式的標簽,增加了一些語義化的標簽和多媒體標簽,更加符合現(xiàn)代開發(fā)需要。而CSS3呢,基本上是向下兼容以前的標準,在以前的基礎(chǔ)上添加了不少新特性。利用HTML5+CSS3組合,可能簡單幾行代碼就能夠?qū)崿F(xiàn)以前需要很多代碼配合js才能實現(xiàn)的功能。
這是由于瀏覽器的內(nèi)核是不一樣的大概有這么幾家:
IE瀏覽器內(nèi)核:Trident內(nèi)核,也是俗稱的IE內(nèi)核;Chrome瀏覽器內(nèi)核:統(tǒng)稱為Chromium內(nèi)核,以前是Webkit內(nèi)核,現(xiàn)在是Blink內(nèi)核;
Firefox瀏覽器內(nèi)核:Gecko內(nèi)核,俗稱Firefox內(nèi)核;
Safari瀏覽器內(nèi)核:Webkit內(nèi)核;
Opera瀏覽器內(nèi)核:最初是自己的Presto內(nèi)核,后加入谷歌,從Webkit又到了Blink內(nèi)核;
360瀏覽器、獵豹瀏覽器內(nèi)核:IE+Chrome雙內(nèi)核;
搜狗、遨游、QQ瀏覽器內(nèi)核:Trident(兼容模式)+Webkit(高速模式);
百度瀏覽器、世界之窗內(nèi)核:IE內(nèi)核;
但是,這些不同內(nèi)核的瀏覽器,CSS3屬性中理論上是需要添加不同的前綴,也將其稱之為瀏覽器的私有前綴,添加上私有前綴之后的CSS3屬性可以說是對應(yīng)瀏覽器的私有屬性。之所以,一些屬性沒有加前綴,各個內(nèi)核也都能識別,是因為這一部分屬性已經(jīng)形成了默認的標準,各個瀏覽器內(nèi)核是普遍認可的。
解決這個問題的方法很多:
通過使用腳本來處理。
通過使用開發(fā)是編輯器的插件
通過CSS的預(yù)處理器
通過使用自動化工具處理
盡管css的選擇器很強大了,但是考慮其兼容性,盡可能的少用,比如我們在做一個前端頁面的切圖的時候,會看情況:
如果是h5手機網(wǎng)站,推薦用css選擇器
如果是pc網(wǎng)站,適當用css選擇器
如果是pc網(wǎng)站,并且是政府、學(xué)校等機關(guān)單位,杜絕用css選擇器
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級選擇器
1.css標簽選擇器
css標簽選擇器其實就是頁面上的所有類型的標簽,我們對經(jīng)常描述稱為共性,對無法描述的稱為個性。我們在頁面上看到input,div和ul都有可能是選擇器,無論這個標簽藏得多深,都可能被選擇上,并且選擇的是所有標簽,并不是單單指一個。
2.cssID選擇器
css中我們使用#來對名字進行自定義,#是指對一個特殊的標簽來使用,并且只能用一次,在任何html標簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實就是比較靈活。class和id是十分相似的,并且同一個標簽可以使用很多個類選擇器,也可以多種標簽使用。
4.css的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。