css3包含什么模塊

這篇文章主要講解了“css3包含什么模塊”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“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代表完全透明。

CSS3多列布局

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

css3 媒體查詢

隨著移動設備的快速普及，用戶不再只是通過傳統的電腦系來瀏覽 Web 內容，越來越多的用戶開始使用各種尺寸的智能手機、平板電腦或者其它設備來瀏覽 Web 內容，為了確保使用不同設備的用戶都能擁有不錯的體驗就需要用到媒體查詢。

媒體查詢是 CSS 樣式表最重要的功能之一，所謂媒體查詢指的就是根據不同的媒體類型（設備類型）和條件來區分各種設備（例如：電腦、手機、平板電腦、盲文設備等），并為它們分別定義不同的 CSS 樣式。媒體查詢能讓 CSS 可以更精確的作用于不同的設備或同一設備的不同條件，讓所有用戶都能得到很好的用戶體驗。

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

感謝各位的閱讀，以上就是“css3包含什么模塊”的內容了，經過本文的學習后，相信大家對css3包含什么模塊這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！