css3包含哪些模組

css3包含的模組有：1、列表模組，用於為HTML列表添加樣式；2、多列佈局，它擴展塊佈局模式，以便更容易定義多列文本；3、顏色模組，提供多種定義顏色的方式，例顏色名稱、rgb()、hsl()等；4、媒體查詢，讓CSS可以作用於不同的裝置。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS3是CSS（層疊樣式表）技術的升級版本，於1999年開始訂訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等模組

CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模組。

早在2001年W3C就完成了CSS3的草案規範。 CSS3規範的一個新特點是被分成若干個相互獨立的模組。

• 一方面分成若干較小的模組較利於規範及時更新和發布，及時調整模組的內容，這些模組獨立實現和發布，也為日後CSS的擴展奠定了基礎。

• 另外一方面，由於受支援設備和瀏覽器廠商的限制，設備或廠商可以有選擇的支援一部分模組，支援CSS3的子集，這樣有利於CSS3的推廣。

以下為截至2021年1月，CSS3各模組的規格情況：

候選推薦

• 例如：

• #css3 顏色模組

• CSS3支援的色彩表示方法

• 以顏色英文名稱表示。英文名稱代表一種顏色，但表示很有限且不易記憶和查詢。

• 以十六進位的顏色表示。色光三原色原理，可以查表。

• 以 rgb (r, g, b) 表示。色光三原色原理，紅色 綠色 藍色。

以 hsl (Hue, Saturation, Lightness) 表示。色調 飽和度 亮度。

以 rgba (r, g, b, a) 表示。色光三原色原理，紅色、綠色、藍色 透明。 a ∈ [0, 1]，0代表完全透明。

以 hsla (Hue, Saturation, Lightness, alpha) 表示。色調、飽和度、亮度 透明度。 alpha ∈ [0, 1]，0代表完全透明。

CSS多列佈局 擴充區塊佈局模式，以便更容易定義多列文字。如果一行太長，人們閱讀文字很麻煩; 如果眼睛從一行的終點移動到下一個行的開始需要太長時間，它們就會丟失它們所在的行。因此，為了最大限度地利用大螢幕，作者應該將寬度不等的文字列並排放置，就像報紙一樣。

/* 在小于或等于 992 像素的屏幕上，将背景色设置为蓝色 */
@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}
/* 在 600 像素或更小的屏幕上，将背景色设置为橄榄色 */
@media screen and (max-width: 600px) {
  body {
    background-color: olive;
  }
}

以上是css3包含哪些模組的詳細內容。更多資訊請關注PHP中文網其他相關文章！