css3樣式表優勢
1）豐富的修飾樣式
2）內容與修飾分離，利於專案開發
3）實現樣式復用，提高開發學歷
4)實現頁面的精準控制
css3語法
type
="text/css"
>
listyle
>
1)外部樣式表
>
head
>
2)匯入樣式表
>
type
="text/css"
>
@import
"css/newstyle.css"
;style
>
head
>
>
type
="text/css"
>
選擇符選擇符
....
style
>
head
>
《標籤名 style ="樣式屬性：屬性值;">...標籤名
>
1）
type
="text/css"
>
標籤名style
>
1）定義類樣式
type
="text/css"
>
.類名style
>
id是唯一的，頁面裡面不能有重複的。
id標識名前面新增「#」
組合選擇器
p.red,#header以及為「header的標籤樣式」
2.包含選擇器
例如
#header ul li a3.交集選擇器
第乙個不一定是標籤選擇器，第二個必須是類選擇器或者id選擇器
p.red
"p.red"交集選擇器
4、偽類選擇器
標籤名：偽類名
5、超連結偽類
a:link 沒有單擊訪問後的超連結
a:visited 單擊訪問後的超連結
a:hover 滑鼠懸浮在超連結上面的樣式
a:active 滑鼠單擊沒有釋放的超連結樣式
css繼承性
font-style:italic;(斜體）
css層疊姓和優先順序
1）css規定選擇器優先順序從高到低：行內樣式-id樣式-類樣式-標籤樣式。總原則：越特殊的樣式，優先順序越高。
css3基礎知識 回顧
1.屬性選擇器 完全匹配的屬性選擇器 id article 示例 結果 前兩文字框的邊框為兩畫素紅色。包含匹配元素選擇器，包含制定的字串。語法 attribute vlue attribute指的屬性名，value 指的是屬性值。示例 css3鞏固學習 css3鞏固學習 css3鞏固學習 結果 第乙...
css3的基礎知識
transfrom的應用 1.旋 transform rotate 30deg 2.陰影效果 box shadow 10px 10px 5px 888888 3.滑鼠移入放大 transform scale 2,2 放慢變化的時間效果 transition transform 想要實現的屬性 6s，...
繁星CSS3之旅 CSS入門基礎知識
css介紹 概述 css指層疊樣式表，極大提高了工作效率 好處 使我們的ui看起來更加完美 css基礎語法 語法 屬性選擇器 selector 例 h1 p css高階語法 1 選擇器分組 h1,h2,h3,h4,h5,h6 2 繼承 body 例 doctype html html lang en...