本节简介:本节课主要介绍css中各类选择器的权重问题以及行内样式的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
权重排序:通用选择器<标签选择器<class选择器<id选择器<行内选择器<!important;单选择器<复合选择器<id选择器<行内选择器<!important
css引入的三种样式:1、通过link引入的外链样式,一般用于网站,所有引入该css样式的页面都起作用;2、页内样式,通过在head标签中添加<style>标签来写样式,仅限于本页面起作用;3、行内样式,通过在标签内部添加style属性来写样式,只有该标签能够起到作用,其他标签不受影响;
行内样式 常用店铺装修;css引入的三种方法1通过link引入的叫做外链样式,一般做网站会用到外链,所有引入该css的页面都能起到作用;2页面内样式,通过在head标签中添加<style>标签来写样式,仅限于本页面起到作用;3行内样式,通过在标签内部添加style属性,来写样式,只有该标签能够起到变化,其它标签不受影响;
css引入的三种样式:1、通过link引入的外链样式,一般用于网站,所有引入该css样式的页面都起作用;2、页内样式,通过在head标签中添加<style>标签来写样式,仅限于本页面起作用;3、行内样式,通过在标签内部添加style属性来写样式,只有该标签能够起到作用,其他标签不受影响;
权重排序:通用选择器<标签选择器<class选择器<id选择器<行内选择器<!important;单选择器<复合选择器<id选择器<行内选择器<!important
1、单选择器:*通用选择器<h1(div等)标签选择器< class选择器<id选择器 2、复合选择器:单选择器<复合选择器<id选择器 3、行的样式权重更高4、limportant权重更高
1、单选择器:*通用选择器&lt;h1(div等)标签选择器&lt; class选择器&lt;id选择器 &nbsp;2、复合选择器:单选择器&lt;复合选择器&lt;id选择器 3、行的样式权重更高4、important权重更高