【HTML+CSS(六)】

最新推荐文章于 2025-12-22 14:05:40 发布

原创最新推荐文章于 2025-12-22 14:05:40 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #css

本文详细介绍了CSS中选择器的权重原则、文本属性设置方法、常见图片格式的区别及应用场景、背景图的使用技巧以及元素浮动布局的应用。通过学习这些核心内容，读者可以更好地掌握网页样式的设计与实现。

文章目录

HTML+CSS(六)

HTML+CSS(六)

选择器的权重

在这里插入图片描述

但样式发生冲突时，谁的权重值高，谁就生效
通用选择器权重值0
标签(元素)选择器、div、p…… 权重值1
类别选择器、.act、.nav…… 权重值10
ID选择器 #btn、#box…… 权重值100
行内样式权重值1000
在这里插入图片描述

权重值相加
选择器选择的范围越小越精确优先级越高

css文本属性

文字颜色color：red
字体类型front-family：“华文中宋”
文字大小font-size：26px
字体加粗fond-weight：bold
文字倾斜font-style：italic
首行缩进text-indent：60px
水平对齐方式text-align：center
行高line-heigh：100px
垂直居中line-height:100px;
文本修饰text-decoration：underline