css外觀屬性

2022-07-24 18:21:13 字數 1454 閱讀 6843

一、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對齊屬性 屬性值如下 注意 是讓盒子裡邊的內容水平居中,而不是讓盒子居...