一、CSS樣式
1、行內樣式：直接寫在body的內部標簽里，如下就是行內樣式
2、內嵌樣式：寫在head的style標簽內，如下就是內嵌樣式
3、外部樣式：css樣式單獨寫在一個.css文件里,使用時，在HTML的head內用link標簽引用即可
二、CSS的優先級
三、CSS的選擇器
選擇器是一種選擇方式。選中你想要的元素的方法，稱之為“選擇器”
1、全局選擇器：*
2、標簽選擇器：p、span、a、h1~h6、ul、ol
3、類選擇器：.one
4、id選擇器：#left
5、后代選擇器：p span（p與span有空格）
6、群體選擇器：p,h1,a（用逗號隔開）
eg:類選擇器
混合：id、class
四、各種CSS樣式
1、文本與文字樣式
文本 text：文本樣式注重整體
文字 font：字體樣式注重個體
單位描述：px（像素）、em（字符）、%（百分比）
eg：
p{ font-size:12px; color:blue; font-weight:bold; text-align:center; }
上面這段css樣式的意思：字體大小12像素；字體顏色藍色；字體加粗；文本向中間對齊
文本表：
字體表：
簡化font
font: 斜體 粗體 字號/行高 字體
font: italic bold 16px/1.5em 宋體；
2、顏色的表示
顏色名：red、blue、gray
RGB值：rgb(66,66,66) 每個顏色分量取值0~255
RGB百分比值：rgb(%100,0%,0%) 0%~100%
RGB值，透明度：rgba(255,0,0,0.5) 第四個是a值，0.0表示完全透明，1.0表示完全不透明
十六進制數：#ff0000 （也可寫成#f00）
3、背景的設置
背景顏色：background-color:red;
背景圖片：background-image:url("logo.jpg");
背景重復：background-repeat:repeat\repeat-x\repeat-y\no-repeat；
背景圖片的位置：background-position:水平 垂直；
簡化：background:背景顏色 圖片 repeat 位置；
4、超鏈接a （：偽類選擇器）
a:link 未被訪問的鏈接
a:visited 用戶已訪問的鏈接
a:hover 鼠標指針位於鏈接的上方懸停
a:active 鏈接被點擊的時刻
5、列表list
6、表格
表格大小：使用width、height屬性
表格邊框：使用border屬性
標題位置：caption-side屬性
邊框間距：border-spacing屬性
表格邊框：border-collapse：collapse(邊框合並，如果相鄰，則共用一個邊框)
奇偶選擇器：nth-child(odd|even)
7、圖片
不建議使用一張大圖片，再借助width、height來改變大小
圖片對齊：vertical-align:top | middle | bottom;
