- p上下有間距逼侦，title加粗，div和span無樣式
- div：換行，塊元素eg：h1,p
span：不換行并村，內(nèi)聯(lián)元素eg：b,font,img,input,textarea,a - 查看網(wǎng)頁前端代碼：F12 elements 左上箭頭查看某塊代碼
- 引入css：
（1）在<head>里面<style type="text/css"></style>
（2）<link rel="stylesheet" type="text/css" href="文件路徑">
（3）直接寫在標(biāo)簽里面<p style="color:red;"> - 選擇器：
（1）標(biāo)簽 div
（2）類名 .one
（3）id #slider
（4）屬性選擇器input[type='text']
（5）用躬它，隔開選擇多個(gè)（群組選擇器）div,span,.one{ }
（6）a:link{} a:visited{} a:hover{} a:active{} 偽類選擇器（img同）
（7）div：first-child means 是div腾啥，也是父類的第一個(gè)孩子
（8）*{ }全局選擇器
優(yōu)先級(jí)：id>類名>標(biāo)簽 - css可以控制的樣式
- 背景
background-image:url()
background-repeat:no-repeat/repeat-x/repeat-y
background-position:top/bottom/center/left-top
background-attachment:fixed/enroll
background：。冯吓。倘待。 - 文本
text-indent:2em（兩個(gè)字體大小，默認(rèn)1em是16px）
text-align:justify/center
text-decoration:line-through/overline/underline
color:
wording-spacing:
letter-spacing:
line-height:
font-size:
font-family："黑體"
font-style：italic/oblique（傾斜）
font-weight：粗細(xì)
font：组贺。凸舵。。失尖。啊奄。 - 列表
list-style-type:square/none/decimal（有序列表）
list-style-image:
list-style-position:inside/outside 多行之后是否和圖標(biāo)對齊
list-style：。掀潮。菇夸。
-
盒模型
- margin和padding
計(jì)算盒子寬度：width+(border+margin+padding)*2
<body>自帶margin和padding
width可以設(shè)成百分比，height不行
padding：上右下左
margin:0 auto 相對父元素左右居中
當(dāng)上下或者父子盒子某邊重合時(shí)margin按照較大的值顯示 - border
border設(shè)solid才顯示胧辽，默認(rèn)是hidden
可設(shè)置樣式：border-top-style/border-color/width/style/radius
- 定位
浮動(dòng)：元素只能左右移動(dòng)而不能上下移動(dòng)峻仇，一個(gè)浮動(dòng)元素會(huì)盡量向左或向右移動(dòng)，直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹挂厣獭８?dòng)元素之后的元素將圍繞它摄咆，取消方式：浮動(dòng)元素后面設(shè)一個(gè)div class="clear" css里面設(shè).clear{clear:both}。浮動(dòng)元素之前的元素將不會(huì)受到影響人断。
（1）position:static
（2）position:relative
（3）position:absolute
（4）position:fixed
