CSS(一),CSS(
1、CSS(Cascading Style Sheet)疊層樣式表。
用於控制網頁樣式並允許樣式資訊與網頁內容分離的一種標記性語言。
2、CSS引入方式
1)行內樣式
直接在標籤後面加上 style,並設定CSS屬性及屬性值 <p>2)內嵌式
在<head></head>中間 加入 <style="type/css"> </style>
3)連結式(推薦使用)
<link rel="stylesheet" type="text/css" href="CSS/demo.css">
4)匯入樣式 (基本不用)
<style> @import url(1.css) </style>
3、CSS選取器
1)標籤選取器
P{ font-size:12px; background-color:#00FFFF; color:#FF0033; }
2)類別選取器
.demoClass{ font-size:12px; background-color:#900; color:090; }
3)ID選取器
#demoID{ font-size:30px; background-color:#0099FF; color:#FFFF00; }
選取器優先順序:ID選取器>類別選取器>標籤選取器
4、CSS文字效果
1)字型:font-family
2)文字大小:font-size
3)文字顏色: color
4)文字粗細: font-weight
5)文字
底線:text-decoration:underline;
刪除線:text-decoration:overline;
定劃線:text-decoration:line-through;
6) 英文字母大小寫
單字首大寫:text-transform:capitalize;
單詞全部大寫:text-transform:uppercase;
單詞全部小寫:text-transform:lowercase;
7)文字間距 letter-spacing 預設為 normal;
8)對齊 text-align
水平置中 text-align:center;
9)行間距 line-height
垂直置中 line-height:容器高度;
5、圖片效果
1)圖片邊框 border
邊框類型border-style dotted 點劃線 dashed虛線 solid實線
邊框顏色border-color
邊框寬度border-width
2)圖文混排
設定浮動float
3)背景
背景顏色:background-color
背景圖片:background-image
圖片重複
水平方向重複 background-repeat:repeat-x;
垂直方向重複 background-repeat:repeat-y;
不重複 background-repeat:no-repeat;
圖片位置 background-position
固定背景圖片:background-attachment:fixed;