CSS构造块


前言:不得不说,我们之前学习的代码没有我们任何自定义样式,这是因为我们一直将重点放在用HTML定义的内容上,而不是放在用CSS上,因为我们不希望写出来的网页是一个脆弱的花瓶。不过,这一切都将在你学完CSS后改变。在这一章,我们先从基本的CSS概念讲起,为后面的内容做奠基基础

1.构造样式规则
样式表中每条规则有两个部分:
①选择器:决定哪些元素收到影响
②声明块:由一个或多个属性值对应
示例:

h1 {
   color:red; /*color是属性,red是值*/
}

这个CSS样式定义了h1元素的文字颜色是红色


2.为样式规则添加注释

/*注释内容*/

3.理解继承
继承自己慢慢理解吧,就可以理解为把body你们设置一个样式,那不管body里面的默认样式是什么都会继承body的样式,我再这里列举出可以继承的属性。
列表
list-style(列表样式)
list-style-image(用于为列表指定定制的标记)
list-style-position(用于确定列表标记的位置)
list-style-type(用于设置列表的标记)
表格
border-collapse(用于控制表格相邻单元格的边框是否合并为单一边框)
border-spacing(用于指定表格边框之间的空隙大小)
caption-side(用于设置表格标题的位置)
empty-cel1s(用于设置是否显示表格中的空单元格)
文本
color(颜色,a元素除外)
direction(方向)
font(字体)
font-family(字体系列)
font-size(字体大小)
font-style(用于设置斜体)
font-variant(用于设置小型大写字母)
font-weight(用于设置粗体)
letter-spacing(字母间距)
1ine-height(行高)
text-align(用于设置对齐方式)
text-indent(用于设置首行缩进)
text-transform(用于修改大小写)
visibility(可见性)
white-space(用于指定如何处理空格)
word-spacing(字间距)
其他
cursor(鼠标指针)
quotes(用于指定引号样式)


4.层叠:当规则发生冲突时
①特殊性
②顺序
③重要性
④小结


5.属性的值
①inherit



最后修改:2019 年 08 月 10 日 10 : 20 AM
如果觉得我的文章对你有帮助,可以给我来杯卡布其诺

发表评论