CSS外觀屬性

2021-08-27 23:39:30 字數 1330 閱讀 5850

作用: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進製制...