CSS中的規則是怎么組成的

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

　　CSS和HTML一樣都是由W3C制定的標準，本章中介紹的特性和功能還是來源于CSS1和CSS2（CSS2是根據CSS1擴展的）。

CSS3是什么

　　W3C也有新的版本更新，稱為CSS3。雖然瀏覽器已經準備開始實現CSS3某些方面的內容，但當前瀏覽器仍然無法支持某些特性。一張樣式表由樣式規則組成，以告訴瀏覽器怎樣去呈現一個文檔。

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

聲名的定義

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

　　屬性是希望影響的所選元素的特性，每個屬性帶一個值，共同地描述選擇器應該如何呈現。

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

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

CSS注釋

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

長度單位

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

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

　　相對值單位確定一個相對于另一長度屬性的長度，因為它能更好地適應不同的媒體，所以是首選的。CSS中有很多專有的屬性單位，也有很多能夠用于大量屬性的常規單位。

到此，關于“CSS中的規則是怎么組成的”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！