css3的基礎知識

2022-09-07 23:45:24 字數 455 閱讀 2252

transfrom的應用:

1.旋**transform: rotate(30deg);

2.陰影效果:box-shadow: 10px 10px 5px #888888;

3.滑鼠移入放大:transform: scale(2,2);

放慢變化的時間效果:

transition: transform(想要實現的屬性) 6s,

內聯與塊狀的轉換:

4.塊狀元素,轉成內聯元素:display:inline

5.轉成內聯和塊狀的結合體:能設定寬高以及margin和padding的值,但不能獨佔一行

display: inline-block。

6.隱藏div:display:none;

7.顯示div:display:block;

內聯元素:span;

8.內聯元素轉成塊狀元素:display: block.

CSS3基礎知識彙總

css3樣式表優勢 1 豐富的修飾樣式 2 內容與修飾分離,利於專案開發 3 實現樣式復用,提高開發學歷 4 實現頁面的精準控制 css3語法 type text css listyle 3.樣式表分類 1 外部樣式表 head 其中rel stylesheet 表示在網頁中使用該外部樣式表,typ...

css3基礎知識 回顧

1.屬性選擇器 完全匹配的屬性選擇器 id article 示例 結果 前兩文字框的邊框為兩畫素紅色。包含匹配元素選擇器,包含制定的字串。語法 attribute vlue attribute指的屬性名,value 指的是屬性值。示例 css3鞏固學習 css3鞏固學習 css3鞏固學習 結果 第乙...

繁星CSS3之旅 CSS入門基礎知識

css介紹 概述 css指層疊樣式表,極大提高了工作效率 好處 使我們的ui看起來更加完美 css基礎語法 語法 屬性選擇器 selector 例 h1 p css高階語法 1 選擇器分組 h1,h2,h3,h4,h5,h6 2 繼承 body 例 doctype html html lang en...