微信公众号:前端从入门到深坑
如有问题或建议,请公众号留言
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)属性
行高的计算
行高 = 上间距 + 文字大小 + 下间距 = 两条基线之间的距离,并且上间距和下间距是相等的
行高与单位
行高的作用
设置文本相对容器的垂直位置:
行高守则
友情提示:看文章只能提升知识层面,前端代码更多的需要去敲打练习。
如果对你有帮助,分享给更多的人吧!
【前端从入门到深坑】,带你坠入深坑!
文章征集啦!
如果你有好的前端原创文章,欢迎向我们投稿。
标题:公众号前端原创文章投稿
领取专属 10元无门槛券
私享最新 技术干货