文本樣式:
text-transform: 設(shè)置文本的大小寫
text-decoration:給文本添加修飾
letter-spacing 設(shè)置字符之間的間距
work-spacing? 設(shè)置單詞之間的間距
text-alien 文本對(duì)齊
text-indent 設(shè)置首航縮進(jìn)(一個(gè)字的默認(rèn)像素時(shí)十六像素)
字體樣式:
??????????????? color: 設(shè)置字體的顏色寨典;
????????????? font-family破喻;設(shè)置字體(如果字體里面有空格,則需要加引號(hào))
????????????? font-size:設(shè)置字體的大小
?????????????? font-style:??????? 設(shè)置字體的樣式,
??????????? font-weight??? 設(shè)置字體的粗細(xì)满钟、
????????????? font-variant???????? 小寫大寫字母(將原來的小寫字母變成大寫字母丑掺,但是字體變泄惹场)
??????????? 使用font-family 同時(shí)使用多個(gè)字體的時(shí)候秘血,優(yōu)先使用前面的,如果前面的沒有紧唱,就會(huì)使用后面的活尊。
當(dāng)使用font進(jìn)行簡(jiǎn)寫得時(shí)候 :必須要寫入font-size,font-family 而且font-size必須放在倒數(shù)第二個(gè)漏益,font-family放在最后一個(gè)蛹锰,
字體的分類:
?????????????????? serif (襯線字體)
????????????? ?? sans-serif(非襯線字體)
??????????????? monospace (等寬字體)
? ? ? ? ?? ???? ? cursive???????????? (草書字體)
?????? ? ? ? ? ? ?? fantasy(虛幻字體)
行間距:
?????????????? 文字會(huì)默認(rèn)在行高里面垂直居中顯示
???????????? 行間距=行高-字體大小
?????????????? line-height?
???????????? 如果行高得值為百分號(hào),他會(huì)根據(jù)字號(hào)而定
邊框绰疤;
?? 為元素設(shè)置邊框的時(shí)候要設(shè)置三個(gè)樣式:
border-width:? 設(shè)置邊框的寬度
border-color: 設(shè)置邊框的顏色
border-style??? 設(shè)置邊框的樣式
內(nèi)邊距(padding):會(huì)影響盒子可見框的大小
使用內(nèi)邊距的時(shí)候铜犬,會(huì)改變盒子大小的,
一個(gè)盒子的大星崆臁:內(nèi)容區(qū)+內(nèi)外邊距+邊框
當(dāng)padding的值為四個(gè)的時(shí)候癣猾,他的順序是 按照順時(shí)針賦值的(上,右余爆,下煎谍,作)
當(dāng)padding的值為三個(gè)的時(shí)候,他的順序是(上龙屉,左右,下)
當(dāng)padding的值為來兩個(gè)的時(shí)候,他的順序是(上下转捕,左右)
當(dāng)padding的值為一個(gè)的時(shí)候作岖,他的順序是(上下左右)
外邊距:
? ? ? ? ?? margin9(會(huì)影響盒子的可見位置) ??????
?????????? 當(dāng)給左右外邊距的值設(shè)置為:auto的時(shí)候,會(huì)自動(dòng)把值設(shè)到最大五芝,當(dāng)一起設(shè)的時(shí)候痘儡,會(huì)在父元素中居中
??????????? 當(dāng)給垂直方向時(shí)auto的時(shí)候,他的值會(huì)設(shè)置為0