CSS3 0學習筆記（W3C） 上

2021-06-19 16:39:17 字數 2673 閱讀 6192

css3 被劃分為模組。

其中最重要的 css3 模組包括：

在本章中，您將學到以下邊框屬性：

div



div
引數分別為：陰影的x軸位移，y軸位移，羽化程度，顏色 

在這裡，鋪滿整個邊框。


在這裡，被拉伸以填充該區域。


這是我們使用的：


注釋：internet explorer 不支援 border-image 屬性。


border-image 屬性規定了用作邊框的。


在這裡，鋪滿整個邊框。


在這裡，被拉伸以填充該區域。


這是我們使用的：


注釋：internet explorer 不支援 border-image 屬性。


border-image 屬性規定了用作邊框的。


在本章，您將學到以下背景屬性：


您也將學到如何使用多重背景。


background-size 使用畫素：調整大小；使用百分比：可以拉伸，用100%填充區域。
div


background-origin 屬性規定背景的定位區域。


背景可以放置於 content-box、padding-box 或 border-box 區域。


在本章中，您將學到如下文字屬性：


h1




p
在 css3 之前，web 設計師必須使用已在使用者計算機上安裝好的字型。


通過 css3，web 設計師可以使用他們喜歡的任意字型。


您「自己的」的字型是在 css3 @font-face 規則中定義的。


在新的 @font-face 規則中，您必須首先定義字型的名稱（比如 myfirstfont），然後指向該字型檔案。


如需為 html 元素使用字型，請通過 font-family 屬性來引用字型的名稱 (myfirstfont)：


下面的**列出了能夠在 @font-face 規則中定義的所有字型描述符：


在本章中，您將學到如下 2d 轉換方法：
通過 translate() 方法，元素從其當前位置移動，根據給定的 left（x 座標） 和 top（y 座標） 位置引數：

通過 rotate() 方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。

div
通過 scale() 方法，元素的尺寸會增加或減少，根據給定的寬度（x 軸）和高度（y 軸）引數：

div
通過 skew() 方法，元素翻轉給定的角度，根據給定的水平線（x 軸）和垂直線（y 軸）引數：

div
值 skew(30deg,20deg) 圍繞 x 軸把元素翻轉 30 度，圍繞 y 軸翻轉 20 度。

matrix() 方法把所有 2d 轉換方法組合在一起。

matrix() 方法需要六個引數，包含數學函式，允許您：旋轉、縮放、移動以及傾斜元素。

在本章中，您將學到其中的一些 3d 轉換方法：

css選擇器 w3c筆記

w3cshool 筆記 1.派生選擇器 比如 li strong green 下面的 html 中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。這個段落是紅色。這個段落是綠色。注意 id 屬性只能在每個 html 文件中出現一次 3.id 選擇...

W3C尋求有關CSS3的反饋

css3已經使用了很多年，具有許多新功能和改進，因此該規範必須分解為30個模組 這些模組中的大多數計畫在明年一年半內完成。按照路線圖 背景和邊框模組是最長的模組之一 該模組負責從多個背景影象到基於影象的邊框的全部增強功能，該模組負責克服目前視覺設計的許多侷限性，這些侷限性目前存在於應用於語義正確 x...

W3C標準化學習梳理

一，行內元素與塊級元素的三個區別 1.行內元素與塊級元素直觀上的區別 行內元素會在一條直線上排列，都是同一行的，水平方向排列 塊級元素各佔據一行，垂直方向排列。塊級元素從新行開始結束接著乙個斷行。2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。3.行內元素與塊級元素屬性的不同，主要...