今天學(xué)的內(nèi)容
一、css 樣式的講解
1.1 css 背景
1.2 css 文本
1.3 css 字體
1.4 css 鏈接
1.5 css 樣式列表
1.6 邊框
1.7 表格
1.8 輪廓
1.1css背景
背景顏色 background-color: 可缚；
背景圖片 background-image：url("images/01.jpg")沟启；
背景重復(fù) background-repeat： no-repeat|repeat-x|repeat-y匾浪；
背景位置 background-position-x:橫坐標(biāo)方向的位置勋拟；
background-y:縱坐標(biāo)方向的位置；
簡寫：background-position：x y(橫 縱坐標(biāo)的位置)高镐；
傳參 top,right,bottom,left,center
背景吸附 background-attachment：fixed|scroll提揍；
背景簡寫 background：color image repeat position（顏色 路徑 重復(fù)方式 圖片位置）
背景大小 background-size：啤月；
（cover全覆蓋等價于100% 100%注：圖片比例不變 x y 10px 10px 寬高大小 ）
1.2css文本
color:設(shè)置字體的顏色
顏色是通過CSS指定：
十六進(jìn)制值 - 如: ＃FF0000(最常用)
一個RGB值 - 如: RGB(255,0,0)
顏色的名稱 - 如: red
body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgba(255,0,0,0.4);}最后一個參數(shù)是透明度；
文本的對齊方式
text-align：center|right|left劳跃；
文本的修飾
text-decoration：underline|overline|line-through|none（去下劃線的）
文本的縮進(jìn)
text-indnet:20px;
文本的轉(zhuǎn)換
text-transform:uppercase|lowercase|capitalize(大寫 小寫 首字母大寫)
//lorem+tab 快速打一段廢話
1.3 css字體
//font-family 屬性應(yīng)該設(shè)置幾個字體名稱作為一種"后備"機(jī)制谎仲，如果瀏覽器不支持第一種字體，他將嘗試下一種字體
font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
font-size:12px刨仑；//最好不小于它
font-style：normal|italic郑诺；
font-weight:nomal|bold|bolder|lighter;
line-height:12px;//設(shè)置字體大小
1.4 css鏈接
//即針對<a href="網(wǎng)址"></a>標(biāo)簽
a:link{color:};//未訪問時
a:visited{color:};//訪問過后
a:hover{color:};//鼠標(biāo)放在鏈接上時
a:active{color:};//鏈接被點(diǎn)擊的瞬間
1.5 css列表樣式（即針對對象為ul）
ul{list-style:none;}//列表項(xiàng)前什么都沒
ul{list-style-type:disc|circle|square绞呈；}//列表項(xiàng)前默認(rèn)為第一個實(shí)心圓點(diǎn)|空心圓點(diǎn)|實(shí)心正方形
ul{list-style-image:url("圖片的相對路徑")；}
1.6 邊框
{
border-width：5px;//邊框的寬度
border-style:solid;//邊框的樣式
border-color:red;//邊框的顏色
p{border:1px solid #333;}//即可簡寫為border： width style color
}
1.7表格
<table>
<thead>
<tr><th>商城</th><th>手機(jī)</th></tr>
</thead>
<tbody>
<tr><td>Tmall</td><td>小米</td></tr>
</tboby>
</table>
border-collapse//屬性設(shè)置表格的邊框被折疊成一個單一的邊框
table{border-collapse:collapse;}
//可以在th,td設(shè)置這個兩個屬性
colspan:value //跨越的列
rowspan:value //跨越的行
