当前位置:Web前端 > > 正文

html5+css样式代码(详解HTML5中CSS外观属性)

时间:2021-10-23 10:08:34类别:Web前端

html5+css样式代码

详解HTML5中CSS外观属性

CSS外观属性

1.color:文本颜色

作用:color属性用于定义文本的颜色

取值方式:

html5+css样式代码(详解HTML5中CSS外观属性)

注意:我们实际工作中,用16进制的写法是最多的,而且我们更喜欢简写方式比如#f00代表红色

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

作用:text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性

属性值如下:

html5+css样式代码(详解HTML5中CSS外观属性)

注意:是让盒子里边的内容水平居中,而不是让盒子居中对齐

3.line-height:行间距

作用:
line-height属性用于设置行间距,就是行与行之间的距离,即字符的垂直间距,一般称为行高

单位:
line-height常用的属性值单位有三种,分别为像素px 相对值em 百分比%

4.text-indent:首行缩进

作用:
text-indent属性御用设置首行文本的缩进

5.text-decoration 文本的装饰

作用:
通常用于给超链接修改装饰效果

html5+css样式代码(详解HTML5中CSS外观属性)

6.css外观属性总结

html5+css样式代码(详解HTML5中CSS外观属性)

到此这篇关于详解HTML5中CSS外观属性的文章就介绍到这了,更多相关html5 css外观属性内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!

上一篇下一篇

猜您喜欢

热门推荐