review:
繼承：initial:不繼承
inherit：繼承
顏色值：
關鍵字rgb():0-255之間
rgba()：a透明度：0-1之間
16進製制顏色值：#fff
尺寸： width:
畫素：px 絕對單位
em：相對單位 1em=16px
百分比：相對單位
相對於父級元素的尺寸
文字樣式：
color：字型顏色
font-size：字型大小
font-weight：字型粗細
text-indent：首行縮排
text-decrotion：下劃線
text-transform：改變字型大小寫
font-family
2.設定/宣告字型
@font-face
div3.使用字型
字型圖示庫：
fontawesome：
.css
index.html
1.link:引入外部樣式檔案
2.使用行內元素
iconfont：阿里巴巴
.css
1.引入外部css檔案
link
2.使用
word-spacing空白:每個單詞之間間距
letter-spacing:字元之間的間距
word-break: break-all;:設定超出父元素部分是否換行顯示
overflow:
hidden:超出元素部分隱藏
scroll：超出元素部分以滾動條形式顯示
width
height
min-width:最小寬度
min-height:最小高度
max-width：最大寬度
max-height：最大高度
display:
none;:元素的隱藏,
隱藏元素所佔據的空間
block;元素的顯示
visibility:
hidden:元素的隱藏；
相當於修改了元素的透明度，不隱藏元素空間
visible：元素的顯示
設定**的邊框合併：
border-collapse: collapse;
設定**標題位置：
caption-side:top/left/right/bottom
img: 特殊的行內元素
私有屬性：width height src alt
列表樣式：
ol 有序列表 私有屬性：reversed
liul 無序列表 ul>li*3>ul>li*2
外部是圓點 巢狀為空心
lidl 標題列表
dt:標題項
dd：列表項
list-style-type:
list-style-position: 設定列表項標誌出現的位置
outside 預設， 主塊外
inside 主塊內
list-style-image:自定義設定列表項標誌
list-style-image: url('./2.png');
list-style:list-style: url('./2.png') inside
盒模型：
標準盒模型/w3c盒子/預設盒模型：
box-sizing:content-box
特點：width-->content
怪異盒子/邊框盒子：
box-sizing:border-box;
特點：width--》盒子
background-image:
background-repeat:
background-clip:
background-origin:
background-position:
background-attachment:
background-size:
border-image-source:
CSS3字型樣式和文字樣式
body body body 上面比這種方法相容性更好一些。bodyp span 粗體樣式 box1 color的值有3種設定方式 p每一項的值可以是 0 255 之間的整數，也可以是 0 100 的百分數。p p這種顏色設定方法是現在比較普遍使用的方法.pbody 可以簡寫為 body 1 使用這...
CSS樣式（二） 字型
1.單位 單位描述 px畫素 em1em 1個字元 2em 2個字元 自動適應使用者所使用的的字型 百分比，相對於從父類繼承的字型大小而言 用百分比乘以預設繼承字型大小即為當前字型大小 2.顏色 顏色描述 red blue green 可以從w3c找到所有顏色名 rgb x,x,x rgb值，每個顏...
CSS3 字型樣式
lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...