1.CSS字體的屬性
font 簡寫,作用是把所有的針對字體的屬性設(shè)置在一個聲明中
font-family 設(shè)置字體系列
font-size 設(shè)置字體尺寸
font-style 設(shè)置字體風(fēng)格,italic或者normal;
font-variant 以小型大寫字體或者正常字體顯示文本
font-weight 設(shè)置字體的粗細,normal/bold/bolder/lighter
實例:在一個聲明上設(shè)置所有的字體屬性:
font:italic bold 12px;//設(shè)置字體大小
font-size:200%;
2.CSS的文本屬性:
color 設(shè)置文本顏色
direction 設(shè)置文本方向
line-height 設(shè)置行高
letter-spacing 設(shè)置字符間距
text-align 對齊元素中的文本
text-decoration 向文本中添加修飾
text-indent 縮進元素中文本的首行
text-transform 控制元素中的字母
unicode-bldl 設(shè)置文本的方向
white-space 設(shè)置元素中空白的處理方式
word-spacing 設(shè)置字間距
3 背景
背景
上=>右=>下=>左
background-color: red
background-image: url('1.jpg');
background-repeat: no-repeat;(repeat:平鋪滿)
background-position: right top(20px 20px);(橫向:left center right)(縱向:top center bottom)
簡寫:<body style="background: 20px 20px no-repeat #ff4 url('1.jpg')">
<div style="width: 300px;height: 300px;background: 20px 20px no-repeat #ff4 url('1.jpg')">
注意:如果將背景屬性加在body上坪稽,要記得給body加上一個height,否則結(jié)果異常盼忌,這是因為body為空虫蝶,無法撐起背景圖片攒霹,另外鹦牛,如果此時要設(shè)置一個width=100px羹幸,你也看不出效果,除非你設(shè)置出html赁遗。
實例:
<p style="color:red;
line-height:40px;
letter-spacing:10px;
background-color:silver;
width:300px;
height:300px;
text-align:center;">hello world<br>hello world<br>
</p>
4署辉、鏈接
● a:link - 普通的、未被訪問的鏈接
● a:visited - 用戶已訪問的鏈接
● a:hover - 鼠標指針位于鏈接的上方
● a:active - 鏈接被點擊的時刻
注釋:為了使定義生效岩四,a:hover 必須位于 a:link 和 a:visited 之后?蕹ⅰ!
注釋:為了使定義生效剖煌,a:active 必須位于 a:hover 之后2酿小!
5耕姊、列表
list-style 簡寫屬性桶唐。用于把所有用于列表的屬性設(shè)置于一個聲明中。
list-style-image 將圖象設(shè)置為列表項標志茉兰。
list-style-position 設(shè)置列表中列表項標志的位置尤泽。
list-style-type 設(shè)置列表項標志的類型。
ul,ol{
list-style: decimal-leading-zero;
list-style: none; #經(jīng)常作為去掉ul前面的符號
list-style: circle;
list-style: upper-alpha;
list-style: disc;
}
6规脸、表格
border
border-collapse:邊框合并模型separate坯约、collapse、inherit
width
height
text-align
vertical-align
padding:td里面文本和邊框的距離
color
background-color
7莫鸭、輪廓
outline : #00ff00 dotted thick 顏色闹丐、虛線、粗的
outline-color:輪廓顏色
outline-style:輪廓樣式
none 默認被因。定義無輪廓妇智。
dotted 定義點狀的輪廓。
dashed 定義虛線輪廓氏身。
solid 定義實線輪廓巍棱。
double 定義雙線輪廓。雙線的寬度等同于 outline-width 的值蛋欣。
groove 定義 3D 凹槽輪廓航徙。此效果取決于 outline-color 值。
ridge 定義 3D 凸槽輪廓陷虎。此效果取決于 outline-color 值到踏。
inset 定義 3D 凹邊輪廓。此效果取決于 outline-color 值尚猿。
outset 定義 3D 凸邊輪廓窝稿。此效果取決于 outline-color 值。
inherit 規(guī)定應(yīng)該從父元素繼承輪廓樣式的設(shè)置凿掂。
outline-width:輪廓寬度
效果: