CSS中選擇器有哪些

小編給大家分享一下CSS中選擇器有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們在業(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運(yùn)營等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價(jià)值。

CSS基礎(chǔ)：選擇器

選擇器概述：

?       CSS與圖片

?       CSS與瀏覽器

?       CSS常用屬性

?       CSS3文字與字體相關(guān)樣式

Not選擇器:

 想對某個(gè)結(jié)構(gòu)元素式樣樣式，但是想排除這個(gè)結(jié)構(gòu)元素下面的子結(jié)構(gòu)元素，讓它不使用這個(gè)樣式，可使用not選擇器。

empty選擇器:

Empty選擇器用來指定元素內(nèi)容為空白時(shí)使用的樣式。

Target選擇器:

Target選擇器對頁面內(nèi)的鏈接起作用。

First-child、 last-child、nth-child和nth-last-child：

首先來看First-child、 last-child的效果圖：

再來看看nth-child和nth-last-child的效果圖：

CSS3字體:

?          CSS3@font-face 規(guī)則

?          在 CSS3 之前---web 設(shè)計(jì)師必須使用已在用戶計(jì)算機(jī)上安裝好的字體。

?          CSS3中，將該字體文件存放到 web 服務(wù)器上，它會(huì)在需要時(shí)被自動(dòng)下載到用戶的計(jì)算機(jī)上。

CSS3字體-瀏覽器支持:

Firefox、Chrome、Safari以及 Opera 支持 .ttf (True TypeFonts) 和 .otf (OpenType Fonts) 類型的字體。

Internet Explorer 9+ 支持新的 @font-face 規(guī)則，但是僅支持 .eot 類型的字體 (Embedded OpenType)。

CSS3字體-字體引用:

?          通過 font-family 屬性來引用字體的名稱

?          例：

Media Queries相關(guān)樣式:

?          CSS3中增加了Media Queries模塊，該模塊中允許添加媒體查詢（Media query)表達(dá)式.

?          例：

    @media screen and (min-width:1000px){

這里是指屏幕寬度大于1000像素時(shí)，引用的樣式表要寫在這個(gè)大括號(hào)里

   }

@media screen and (min-width:640px) and(max-width:999px){

這里是指屏幕寬度640以上，940以下，引用的樣式表要寫在這個(gè)大括號(hào)里

   }

 @media screen and (max-width:639px){

這里是指屏幕寬度639以下，引用的樣式表要寫在這個(gè)大括號(hào)里

   }

---

這里我只列舉了幾個(gè)選擇器，css的選擇器有很多，具體可參考：http://www.w3school.com.cn/cssref/css_selectors.asp

其中下圖這些實(shí)在css3中定義的

以上是“CSS中選擇器有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：CSS中選擇器有哪些
當(dāng)前URL：http://muchs.cn/article28/gjsdcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站營銷、動(dòng)態(tài)網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站維護(hù)、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)