本节简介:本节课主要介绍css中各类选择器的权重问题以及行内样式的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
3、行内样式权重是最高的 4、在css值得后面添加!important
1、通用选择器的权重最低 (通用选择器<标签选择器<class选择器<id选择器权重更高)单选择器
css引入的三种方法 1.通过link引入的叫做外链样式,一般做网站会用到,所有引入css的页面都能起到作用 2.页内样式,通过在head标签中添加<style>标签,作用仅限本页面 3.行内样式,通过在标签内部添加style属性,作用仅限该标签
css的权重 单选择器:通用选择器<标签选择器<class选择器<id选择器 复合选择器<单选择器<id选择器 行内样式是最高的 最css值后面添加!important最最高
CSS引入方式 link外链引入方式 页内样式 行内样式
权重 *最低 通用小于标签小于类(id相对高一些)小于复合选择器(如,后代选择器)
另外 !important 高于行内样式,但使用须慎重
权重 复合选择器>单选择器 通用选择器<标签选择器<class选择器id选择器
CSS引入的三种方法:1.link引入的叫做外链样式(做网站)2.页内样式,通过在head标签中添加style标签来写样式,仅限于本页面起到作用,3.行内样式,通过在标签内部添加style属性来写样式,只有该标签能够起到变化,其他标签不受影响。
css引入的三种方法:1、link引入外链样式,一般做网站使用,所有引入该css的页面都能起到作用;2、页内样式 通过在head标签添加<style>标签在写样式,仅限于本页面起到作用 3、行内样式 ,通过标签内部添加style属性,只对该标签起到作用,其他标签不受影响;