文字段落的樣式屬性
color:設定一個標簽中的文字的顏色丢间,顏色值可以使用英文單詞颈将,16進制語法和rgb語法:
color: red; color: #f0fcf8; color:rgb(123, 88, 205);
font-size: 設定文字大小,單位通常為像素(px)—— 一般的商業(yè)網(wǎng)站的文字大小通常都是12px饥脑。
font-weight: 設置文字粗體(bold)或非粗體(normal)恳邀。
font-style: 設置文字斜體(italic) 或非斜體(normal)
font-family:設置文字的字體名字,可以使用多個字體名灶轰,中間用逗號分開轩娶,表示的含義是:首先使用第一個字體,如果用戶電腦中沒有第一個框往,則是用第二個,以此類推闯捎。舉例:
font-family: 宋體椰弊,仿宋,微軟雅黑瓤鼻,arial, “Times New roman”;
line-height:設置文字的行高秉版,單位通常也是px,即一行文字所占據(jù)的空間高度——行高不是文字的高度茬祷。
letter-spacing:設置字符(或字母)之間的間隔距離清焕,中文其實就是“字”的間隔。
word-spacing:設置單詞之間的間隔距離——通常只對西方拉丁語系的字符有效祭犯。
text-align:設定文字的水平對齊方式秸妥。其功能是相當于標簽屬性中的align屬性仰楚。但要注意:align作為html屬性挥等,其實只在其中的某幾個標簽中使用,但text-align是幾乎所有標簽都可以用的匆绣。
text-indent: 設定一個段落中的首行縮進距離最盅,單位通常也是px突雪。
text-decoration:設置文字的“修飾線”:下劃線(underline),中劃線(line-through),上劃線(overline),none(無)
vertical-align: 設定文字在一個表格盒子(單元格)的垂直對齊方式:top(頂對齊)涡贱,middle(中對齊)咏删,bottom(底對齊)
盒子模型初步
盒子是css中最重要的概念。
盒子
首先先建立一個觀念: 幾乎所有標簽其實都是一個盒子——而所謂盒子问词,無非就是一個“矩形的區(qū)域范圍而已”督函。其實所謂網(wǎng)頁,無非是一個盒子套一個盒子。
一個盒子有如下一些區(qū)域(結(jié)構(gòu))構(gòu)成:
邊框(border):一個線型的區(qū)域侨核,可以是實線或虛線或其他形狀草穆。
外邊距(margin):也叫“邊界”,邊框線之外的一塊空白區(qū)域搓译,其含義是“不能放置物體”
內(nèi)邊距(padding):也叫“補白”悲柱,邊框線之內(nèi)的一塊空白區(qū)域,其含義也是“不能放置物體”
內(nèi)容區(qū)(沒有對應的css屬性名):指一個盒子中可以放置“物體”的區(qū)域——也就是盒子的主要區(qū)域些己。其中放置的物體可以是普通的文字或其他標簽——對應我們之前學的html中的“內(nèi)容部分”豌鸡。內(nèi)容區(qū)通常只能設置其寬高屬性(width,height)段标。
一個盒子的各個組成部分由下圖所示: