欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3選擇器兼容,html5和css3與html和css的區(qū)別

老白2年前57瀏覽0評論

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的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。