作用:color屬性用於定義文字的顏色,其取值方式有如下3種:
表示表示
屬性值預定義的顏色值
red,green,blue,還有我們的御用色 pink
十六進製制
#ff0000,#ff6600,#29d794
rgb**
rgb(255,0,0)或rgb(100%,0%,0%)
注意:我們實際工作中, 用 16進製制的寫法是最多的,而且我們更喜歡簡寫方式比如 #f00 代表紅色
作用:text-align屬性用於設定文字內容的水平對齊,相當於html中的align對齊屬性
其可用屬性值如下:
屬性解釋
left
左對齊(預設值)
right
右對齊center
居中對齊
注意:是讓盒子裡面的內容水平居中, 而不是讓盒子居中對齊
作用:line-height屬性用於設定行間距,就是行與行之間的距離,即字元的垂直間距,一般稱為行高。
單位:line-height常用的屬性值單位有三種,分別為畫素px,相對值em和百分比%,實際工作中使用最多的是畫素px。
技巧:一般情況下,行距比字型大小大7.8畫素左右就可以了。
作用:text-indent屬性用於設定首行文字的縮排。
屬性值:其屬性值可為不同單位的數值、em字元寬度的倍數、或相對於瀏覽器視窗寬度的百分比%,允許使用負值,
建議使用em作為設定單位。
1em 就是乙個字的寬度 如果是漢字的段落, 1em 就是乙個漢字的寬度
p
text-decoration 通常我們用於給鏈結修改裝飾效果值描述
none
預設。定義標準的文字。 取消下劃線(最常用)
underline
定義文字下的一條線。下劃線 也是我們鏈結自帶的(常用)
overline
定義文字上的一條線。(不用)
line-through
定義穿過文字下的一條線。(不常用)
屬性表示
注意點color
顏色我們通常用 十六進製制 比如 而且是簡寫形式 #fff
line-height
行高控制行與行之間的距離
text-align
水平對齊
可以設定文字水平的對齊方式
text-indent
首行縮排
通常我們用於段落首行縮排2個字的距離 text-indent: 2em;
text-decoration
文字修飾
記住 新增 下劃線 underline 取消下劃線 none
CSS外觀屬性
color屬性用於定義文字的顏色,其取值方式有如下3種 1.預定義的顏色值,如red,green,blue等。2.十六進製制,如 ff0000,ff6600,29d794等。實際工作中,十六進製制是最常用的定義顏色的方式。3.rgb 如紅色可以表示為rgb 255,0,0 或rgb 100 0 0 ...
CSS外觀屬性
作用 color屬性用於定義文字的顏色 取值方式 注意 我們實際工作中,用16進製制的寫法是最多的,而且我們更喜歡簡寫方式比如 f00代表紅色 作用 text align屬性用於設定文字內容的水平對齊,相當於html中的align對齊屬性 屬性值如下 注意 是讓盒子裡邊的內容水平居中,而不是讓盒子居...
css外觀屬性
一 color 文字顏色 1 作用 color屬性用於定義文字顏色。2 取值方法 表示屬性值 預定義的顏色值 red green blue pink 十六進製制 ff0000,ff6600,29d794 rgb rgb 255,0,0 或rgb 100 0 0 3 注意 我們實際工作中,用16進製制...