一垃它,字體的選用
1.font-family屬性是可以指定字體的雅任。
2.為了防止用戶沒有安裝某些字體笙蒙,我們可以指定一組字體。
3.如果字體名字是由多個(gè)單詞組成的聚唐,那這個(gè)字體名字就要由雙引號包括在內(nèi)丐重。
4.選用網(wǎng)上的字體:@font-face{ font-family:#; ?src:url(#); }
二,字體的大小
1.像素:如16px杆查。
2.百分?jǐn)?shù):如100%扮惦。
3.EM值:如1.3em。
一個(gè)em值相當(dāng)于一個(gè)m的大小根灯。
三径缅,粗體
1.font-weight:bold
bold值講將使文本以粗體顯示。
2.font-weight:normal
normal值講使文本以普通粗細(xì)顯示烙肺。
四纳猪,斜體
1.font-style:normal
normal值將使文本以普通字體顯示。
2.font-style:italic
italic值將使文本以斜體顯示桃笙。
3.font-style:oblique
oblique值將使文本傾斜顯示氏堤。
五,大寫和小寫
1.text-transform:uppercase
uppercase值將使文本以大寫顯示搏明。
2.text-transform:lowercase
lowercase值將使文本以小寫顯示
3.text-transform:capitalize
capitalize值將使文本中的每一個(gè)單詞的首字母以大寫顯示
六鼠锈,下劃線和刪除線
1.text-decoration:none
none值會(huì)把應(yīng)用在文本上的裝飾線刪除
2.text-decoration:underline
underline值會(huì)在文本底部增加一條實(shí)線
3.text-decoration:overline
overline值會(huì)在文本的頂部加上一條實(shí)線
4.text-decoration:line-through
line-through值會(huì)用一條實(shí)線穿過文本
5.text-decoration:blink
blink值會(huì)使文本動(dòng)態(tài)閃爍,不建議用星著,因?yàn)闀?huì)讓用戶覺得很煩
七购笆,行間距
行間距是指某一行字母下緣的低端到下一行字母上緣頂部之間的距離。
1.line-height:1.4em
八虚循,字母間距和單詞間距
1.letter-spacing:0.2em
控制字母之間的間距
2.word-spacing:1em
控制字母與字母之間的間距
九同欠,對齊方式
1.text-align:left
向左對齊
2.text-right
向右對齊
3.text-center
文本居中
4.text-justify
文本兩端對齊样傍。
十.css3投影
text-shadow:1px ?1px ? 3px ? #666666;
1.第一個(gè)長度值表明陰影向左或向右延伸的距離
2.第二個(gè)長度值表明陰影向上或向下延伸的距離
3.第三個(gè)長度值為可選項(xiàng),用于指定投影的模糊程度
4.第四項(xiàng)是投影的顏色值
十一铺遂,鏈接樣式
1.a:link{color:deepink;}
:link ?該偽類允許你為那些未訪問過的鏈接設(shè)置樣式
2.a:visites{color:black;}
:visites ? 該偽類允許你為那些已經(jīng)訪問過的鏈接設(shè)置樣式
十二衫哥,響應(yīng)用戶
1. ? ?:hover ?該偽類在用戶將定位設(shè)備懸停在某個(gè)元素上生效,就可與改變元素的樣式襟锐。
2. ? ?:active ? 該偽類在用戶在元素上進(jìn)行操作時(shí)生效
3. ? ?:focus ? ? 該偽類在元素?fù)碛薪裹c(diǎn)是生效撤逢。
十三,特性選擇器
1.簡單選擇器 ? ?[ ] ? ? 如p[ ?class ]
應(yīng)用于所以包含class特性的<p>元素
2.精確選擇器 ? ?[=] ? ?如p[class="cat"]
應(yīng)用于所以class特性值為cat的<p>元素
3.部分選擇器 ? ? [~=] ? ?如p[clss~="cat"]
應(yīng)用于其中的cat
4.開頭選擇器 ? ? ?[^=] ? ? 如p[attr^"d"]
應(yīng)用于其中的以字母d開頭的元素粮坞。
5.包含選擇器 ? ? ? [*=] ? ? 如p[attr*"do"]
應(yīng)用于含有do的特定元素
6.結(jié)尾選擇器 ? ? ?[$=] ? ? ?如p[attr$"g"]
應(yīng)用于以g結(jié)尾的特定元素