CSS相關知識

2021-09-25 06:55:49 字數 666 閱讀 2731

css(cascading style sheets的縮寫),翻譯為「層疊樣式表」或者「級聯樣式表」,簡稱樣式表。

作用:它主要是用來給html網頁來設定外觀或者樣式。

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

選擇器通常是您需要改變樣式的 html 元素。

每條宣告由乙個屬性和乙個值組成。

屬性(property)是您希望設定的樣式屬性(style attribute)。每個屬性有乙個值。屬性和值被冒號分開。

p
p
p 

p

請注意,當使用 rgb 百分比時,即使當值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這麼做了。比如說,當尺寸為 0 畫素時,0 之後不需要使用 px 單位,因為 0 就是 0,無論單位是什麼。

如果值為若干單詞,則要給值加引號:

p
如果要定義不止乙個宣告,則需要用分號將每個宣告分開。下面的例子展示出如何定義乙個紅色文字的居中段落。最後一條規則是不需要加分號的,因為分號在英語中是乙個分隔符號,不是結束符號。然而,大多數有經驗的設計師會在每條宣告的末尾都加上分號,這麼做的好處是,當你從現有的規則中增減宣告時,會盡可能地減少出錯的可能性。

css基礎浮動相關知識

複習第六天的知識 1 元素的隱藏方式 display none 不會占用頁面的空間 visibility hidden 占用頁面的空間 2 display屬性值 display block 顯示為塊級元素 display inline 顯示為內聯元素 display inline block 顯示為...

CSS動畫相關知識詳解

css3包括兩種轉換,2d轉換和3d轉換。css3的轉換允許我們對元素進行旋轉 縮放 移動或傾斜。不管2d轉換還是3d轉換都是操作的同乙個的屬性 transform 有四種轉換 rotate scale translate skew 1.1.1 translate 在x和y方向平移元素 transf...

CSS相關知識及入門

修飾html頁面,美化 放置規範 格式規範 規範 類名 id值對選擇器進行組合,表現出層級關係,從而更加針對性把樣式作用於某些標籤上 選擇器1下的選擇器2 選擇器1 選擇器2.浮動 居右 選擇器常用屬性值 none 元素不浮動 left 元素向左浮動 right 元素向右浮動 注意 設定浮動屬性後,...