CSS中的規(guī)則是怎么組成的

這篇文章主要介紹“CSS中的規(guī)則是怎么組成的”，在日常操作中，相信很多人在CSS中的規(guī)則是怎么組成的問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS中的規(guī)則是怎么組成的”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

　　CSS和HTML一樣都是由W3C制定的標(biāo)準(zhǔn)，本章中介紹的特性和功能還是來源于CSS1和CSS2（CSS2是根據(jù)CSS1擴(kuò)展的）。

CSS3是什么

　　W3C也有新的版本更新，稱為CSS3。雖然瀏覽器已經(jīng)準(zhǔn)備開始實(shí)現(xiàn)CSS3某些方面的內(nèi)容，但當(dāng)前瀏覽器仍然無法支持某些特性。一張樣式表由樣式規(guī)則組成，以告訴瀏覽器怎樣去呈現(xiàn)一個(gè)文檔。

　　CSS的規(guī)則主要由“選擇器”和“聲明”兩部分組成，選擇器指定聲明應(yīng)用于哪個(gè)或哪些元素（后面有詳細(xì)講解）。例如，任何HTML元素都可以是一個(gè)CSS的選擇器，選擇器僅僅是指向特別樣式的元素。

聲名的定義

　　聲明則是用于定義樣式的元素，它用于設(shè)置HTML元素的樣式。如果聲明和選擇器一起使用，就需要將聲明的部分使用“｛｝”組織在一起。聲明中可以用多個(gè)樣式屬性，為通過該選擇器找到的HTML元素疊加樣式，每個(gè)樣式元素都是由以冒號隔開的兩部分組成的（屬性:值）。

　　屬性是希望影響的所選元素的特性，每個(gè)屬性帶一個(gè)值，共同地描述選擇器應(yīng)該如何呈現(xiàn)。

　　屬性和值之間使用冒號（:）連接，多個(gè)屬性的復(fù)合樣式聲明之間應(yīng)該用分號（;）隔開，最后一個(gè)屬性的值后面可以不用分號。如果同一個(gè)樣式屬性出現(xiàn)兩次以上，則使用后者。

　　如果直接在HTML元素中使用style屬性聲明樣式，則不需要使用“｛｝”，而是直接將多個(gè)層疊樣式元素聲明在style屬性的雙引號中即可。

CSS注釋

　　樣式表里面的注釋使用C語言編程中一樣的約定方法去指定，注釋的內(nèi)容會被瀏覽器忽略，可用于為樣式表加注解及調(diào)試使用。

長度單位

　　有很多樣式屬性的值都有長度單位，例如fontsize、width、height、border-width等。一個(gè)長度的值由可選的正號“”或負(fù)號“-”、接著的一個(gè)數(shù)字、表示單位的兩個(gè)字母組成。

　　在一個(gè)長度的值之中是沒有空格的，例如，1.3em就不是一個(gè)有效的長度的值，但1.3em就是有效的。一個(gè)為零的長度不需要兩個(gè)字母的單位聲明。無論是相對值還是絕對值長度，CSS都支持。

　　相對值單位確定一個(gè)相對于另一長度屬性的長度，因?yàn)樗芨玫剡m應(yīng)不同的媒體，所以是首選的。CSS中有很多專有的屬性單位，也有很多能夠用于大量屬性的常規(guī)單位。

到此，關(guān)于“CSS中的規(guī)則是怎么組成的”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！