本节简介:讲解包括CSS的层叠理论、继承理论、后代理论和特征理论,解释了css样式规则起作用的原理。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
/*.....................*/被注释掉的代码是灰色的。和代码浏览器
哪四种“理论“影响CSS格式化的应用?层叠理论、继承理论、后代理论和特征理论。
在代码浏览器中,最后出现的规则将对任何特定元素具有最大的影响。
/*.....................*/被注释掉的代码是灰色的。
后代(子元素)理论描述了怎样基于特定元素相对于其他元素的位置对其进行格式化。通过使用多个元素(以及ID和类属性)构建选择器,可以对web页面内的文本的特定实例进行格式化。
继承理论:描述了一个规则如何被一个或多个以前的声明规则所影响。继承可以影响同名的规则,以及格式化父元素或者彼此嵌套的元素。
层叠理论作用下,两个相同层级的规则,哪个会起到决定性作用?样式表中下层级的,最后声明的。
特征理论,/*.....................*/被注释掉的代码是灰色的。层叠-继承-后代-特征
div h1在两个规则发生冲突可以用指定特定的样式格式化效果,也可以用类或ID属性来区分元素。
将页面中所有元素都格式化,body{font-family:arial;color:blue;}
div{front-family:arial;color:blue;}所有元素都在DIV内 可以继承他的规则。div之外的会恢复html的格式。
层叠理论,规则在样式表的顺序和位置如何影响变化。声明必须以分号结束。
案例操作,添加CSS源,内嵌CSS样式表,选择器#pic1,#pic2,#pic3,#pic4,设置编剧距离,在设置边框距离,在设置颜色,F12预览。
在代码浏览器中,最后出现的规则将对任何特定元素具有最大的影响