1.css的引入方式
1.1 行內樣式
style
="color
:red;
background-color
:green
">
p>
>
>
h1style
>
head
>
外部css檔案
h1
>
>
charset
="utf-8"
>
>
title
>
rel=
"stylesheet"
href
="css/mystyle.css"
/>
head
>
>
>
hello worldh1
>
body
>
html
>
2.1元素選擇器
>
>
pstyle
>
head
>
>
>
hello worldp
>
body
>
一般情況下id名是唯一的
>
>
#first
style
>
head
>
>
"first"
>
hello worldp
>
body
>
類名是可以重複的
>
>
.first
style
>
head
>
>
class
="first"
>
hello worldp
>
body
>
3.4後代選擇器
比較常
div p
選擇所有作為e元素的直接子元素f，對更深一層的元素不起作用，用》表示
div>p
[attribute=value] 選擇器用於選取帶有指定屬性和值的元素。
a[target=_blank]
a:link /* 未訪問的鏈結 /
a:visited / 已訪問的鏈結 /
a:hover / 滑鼠移動到鏈結上 /
a:active / 選定的鏈結 */
css知識總結
background color 背景顏色。background image 元素的背景影象.background repeat 水平方向平鋪 repeat x background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動 background position 屬性改變影...
CSS知識總結
基本流程 解析html以構建dom樹 構建render樹 布局render樹 繪製render樹,如下圖 名稱解釋 注意 display none 的節點不會被加入render tree，而visibility hidden 則會，所以，如果某個節點最開始是不顯示的，設為display none是更...
CSS知識總結
使用flex 使用 css3 transform 使用 display table cell 方法 position 的常見四個屬性值 relative，absolute，fixed，static。一般都要配合 left top right 以及 bottom 屬性使用。float屬性的取值 浮動的...