Css 層疊樣式表 美化頁面的小工具 分類： 內聯 （行內）在標簽內部以屬性的形式呈現，屬性名style 內嵌 head標簽內以標簽形式呈現，標簽名style 外部 head標簽內 加link標簽 引入外部文件 *.css <link rel="stylesheet" type="text/css" ...
Css 層疊樣式表 美化頁面的小工具
分類：
內聯 （行內）在標簽內部以屬性的形式呈現，屬性名style
內嵌 head標簽內以標簽形式呈現，標簽名style
外部 head標簽內 加link標簽 引入外部文件 *.css
<link rel="stylesheet" type="text/css" href="file:///D|/SSs/作業/3.12/圖標.css" />link標簽
插入icon圖標(加icon圖標，路徑必須絕對路徑)
<link rel="shortcut icon" href="xxx.ico" type="image/x-icon"/>icon圖標
選擇器：
用來找元素，將樣式用在標簽上。
標簽選擇器 .div{}
id選擇器 #id{}
class選擇器.class{}
併列（加逗號）選擇器1，選擇器2
父子（加空格）父選擇器 子選擇器
*{}全頁面
屬性：
文本：
text-decoration 文本修飾 （下劃線什麼的）
text-indent 縮進
text-shadow 陰影 1px（水平陰影的位置）1px（垂直） 1px（模糊的距離） # （陰影顏色）
font-weight字體加粗
em表一個字大小
背景：
background-position： 屬性 定義div內圖片在div的位置 可以寫兩個值左右上下
<head> <style> #div{ width:100%; height:111px; background-image:url(); background-position:34% 0 } </style> </head> <body> <div id="div"></div> </body>bg-position
background-size 圖片大小 等比縮放
background：顏色 圖片 平鋪 位置 大小
總結問題：
1.text-indent 縮進屬性，只能用在塊標簽上，span之類的行標簽不能用
解決辦法：給span加display:inline-block;屬性，變為行內塊標簽。
2.大div套小div，若父div不設寬高，則他會隨著子div的位置移動而改變。
如margin float屬性，寫在子div，父div也會移動。
解決辦法：給父div設置邊框或定義寬高。
3.改變<hr/>的顏色
<hr style="background-color:#ECECEC; border:none; height:1px;" />
取消邊框，設背景色 設高。
