在企業(yè)開發(fā)中 修改樣式都是交給 CSS 來做绒障,設(shè)置樣式 美化界面
font標(biāo)簽:設(shè)置文本的 字體、大小、顏色
font-weight: bold; /* 粗體 /
font-family: "微軟雅黑"; / 字體設(shè)置 /
font-size: 5; / 字體大小 */
CSS的格式:
<style type="text/css"> 存儲的是文本類型的css代碼
選擇器 {
屬性名稱:屬性值 ;
}
</style>
注意:
①style標(biāo)簽必須處于head標(biāo)簽內(nèi),和title標(biāo)簽同級
②設(shè)置樣式時(shí)椅贱,必須按照固定格式 冒號和分號不能省略
選擇器 { 屬性:值; 屬性:值; }
CSS中和文字相關(guān)的屬性:
-文字樣式屬性 p { font-style:normal; }
normal 正常
italic 傾斜
快捷鍵 fsi+tab = font-style:italic;
-文字粗細(xì)屬性 p { font-weight:bold; }
單詞取值: bold加粗 bolder更粗 lighter細(xì)線(默認(rèn))
數(shù)值取值:100-900之間
快捷鍵 fwb+tab = font-weight:bold;
-文字大小屬性 p { font-size:10px; }
取值單位為像素(pixel)
通過font-size設(shè)置大小,一定要帶單位px
快捷鍵 fz30+tab = font-size:30px;
-文字字體屬性 p { font-family:微軟雅黑; }
默認(rèn)是宋體只冻,可修改為其它字體庇麦,如楷體
如果取值為中文,需用 " " / ' ' 引起來
設(shè)置的字體必須是用戶電腦里面安裝的字體
如果設(shè)置字體不存在属愤,系統(tǒng)會用默認(rèn)字體(宋體)顯示
字體設(shè)置有備選方案:
p { font-family:"我是不存在的字體","楷體" ; }
瀏覽器會選擇 楷體 顯示女器。
快捷鍵 ff+tab = font-family:
一段文本中設(shè)置兩種字體:
但凡是中文字體,里面都包含了英文
但凡是英文字體住诸,里面都沒有包含中文
在企業(yè)開發(fā)中最常見的字體:
中文 - 宋體驾胆、黑體、微軟雅黑
中文字體也有自己的英文名稱贱呐,如 SimSun(宋體) SimHei(黑體)
英文 - Times New Roman丧诺、Atrial
文字屬性的縮寫:所有文字屬性用一個(gè)寫
{font: italic bold 10px;} "楷體"; /* 一行寫完所有的字體屬性,位置不能亂調(diào)整奄薇,否則無效*/
注意:
可省略的 style / weight
不可省略的 size / family
位置不能亂調(diào)整
文本屬性:
-文本裝飾:下劃線驳阎、刪除線之類的
text-decoration: underline; /* 裝飾一條下劃線 */
取值:
underline 下劃線
line-through 刪除線
overline 上劃線
none 什么都沒有,可以去掉<a>標(biāo)簽超鏈接的下劃線
快捷鍵 tdu+tab = text-decoration: underline;
-文本水平對齊
text-align: center; /* 文本對齊屬性 居中 */
取值:
left center right
-文本縮進(jìn)
text-indent: 2em; /* 文本縮進(jìn)2個(gè)字符 */
取值:
一個(gè)em代表一個(gè)文字有寬度
CSS顏色屬性:
color: red;
顏色屬性的取值:紅色
coloe:rgb(255,0,0); 三原色(red / green / blue)
紅色:rgb(255,0,0)
綠色:rgb(0,255,0)
藍(lán)色:rgb(0,0,255)
黑色:rgb(0,0,0)
白色:rgb(255,255,255)
灰色:rgb三個(gè)的顏色一樣馁蒂,值小深灰呵晚,值大淺灰
coloe:rgba(255,0,0); CSS3推出
a:透明度 0-1,值越小越透明
color:#FF0000; 十六進(jìn)制
每兩個(gè)字母代表rgb中的一個(gè)數(shù)字
color:#F00; 十六進(jìn)制縮寫
在CSS中只要十六進(jìn)制的每兩個(gè)值都是一樣的沫屡,就可以簡寫為一位饵隙。
十進(jìn)制:0-9,遇10進(jìn)1 11
十六進(jìn)制:0-16沮脖,遇16進(jìn)1
1 2 3 4 5 6 7 8 9 a b c d e f
十六進(jìn)制 轉(zhuǎn)換為 十進(jìn)制
十六進(jìn)制第一位16 + 十六進(jìn)制第二位 = 十進(jìn)制
15 == 116 + 5 = 21
00 == 016 + 0 = 0
FF == 1516 + 15 = 255