前端入门（一）之CSS-3

微信公众号：前端从入门到深坑

如有问题或建议，请公众号留言

background(背景)属性

1.background-color:背景颜色

背景颜色的属性值类似于我们字体得属性值，有四种设置方式，分别是1.英文单词，2.#+十六进制，3.rgb，4.rgba（ie6,7,8下是不能使用）。

举例:

2.backgournd-image:背景图片

背景图片主要属性值是url。url里面写的是图片的路径，支持相对路径和绝对路径。

3.background-repeat:控制背景图片是否重复(平铺)

主要属性值:

(较常用)

举例：

4.background-position:控制背景图片的位置

方位名词：

水平(X)： left(左) center(水平居中) right(右)

垂直(y)： top(上) center（垂直居中） bottom(下)

长度赋值：

PS:要求先写x的位移，再写y的位移。

举例：

5.background-attachment:控制背景图片是否随着滚动条滚动

属性值:

补充：

背景属性其实跟字体属性一样，也可以连写。

文本(text)属性

1.text-align:文本的水平对齐方式

常用属性值：

left---左对齐

center--居中对齐

right--对齐

举例:

2.text-decoration:文本修饰

常用属性：

(这个属性常用于a标签去除下划线)

PS：blink(弃用) 火狐的低版本支持的(了解即可)

举例：

2.text-indent:文本首行缩进

赋值方式：

数值+单位

px

em(1em = 1个字体大小)

举例:

行高(line-height)属性

行高的计算

行高 = 上间距 + 文字大小 + 下间距 = 两条基线之间的距离，并且上间距和下间距是相等的

行高与单位

行高的作用

设置文本相对容器的垂直位置：

行高守则

友情提示：看文章只能提升知识层面，前端代码更多的需要去敲打练习。

如果对你有帮助，分享给更多的人吧！

【前端从入门到深坑】,带你坠入深坑！

文章征集啦！

如果你有好的前端原创文章，欢迎向我们投稿。

标题：公众号前端原创文章投稿