CSS样式来源
CSS样式有三种来源:创作人员、读者和用户代理,来源的不同会影响到样式的层叠方式。
优先权重顺序
一、CSS样式的权重:!important
> 内联样式 > ID
选择器 > Class
类选择器 > 标签选择器 > 默认样式。
二、常用的样式顺序:内联样式表 > ID
选择器 > Class
类选择器 > HTML
标签选择器。
三、说明:
1、选择器的权值越大越优先,!important
的优先级最大;
2、当权值相等时,后设置的样式会覆盖先设置的样式;
3、自定义的css
样式的优先权高于浏览器设置的样式;
4、后指定的css
样式优先于继承的css
样式;
实例
一、默认样式:浏览器自带样式,也叫用户代理样式。
二、继承样式:在指定的元素属性,如颜色、字体
可以在父级进行设置,达到简化目标,可以避免CSS
样式冗余。
三、内联样式:在元素中添加style
属性,只适用于当前元素。
四、文档样式:在当前HTML
文档添加style
标签,适用于当前HTML
文件。
外部样式:将多个HTML
页面共用的样式,单独写一个CSS
文档,再引用到对应的页面使用。