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