CSS样式来源、优先权重和实例
16lz
2022-07-08
CSS样式来源
CSS样式有三种来源：创作人员、读者和用户代理，来源的不同会影响到样式的层叠方式。
优先权重顺序
一、CSS样式的权重：!important > 内联样式 > ID选择器 > Class类选择器 > 标签选择器 > 默认样式。
二、常用的样式顺序：内联样式表 > ID选择器 > Class类选择器 > HTML标签选择器。
三、说明：
1、选择器的权值越大越优先，!important的优先级最大；
2、当权值相等时，后设置的样式会覆盖先设置的样式；
3、自定义的css样式的优先权高于浏览器设置的样式；
4、后指定的css样式优先于继承的css样式；
实例
一、默认样式：浏览器自带样式，也叫用户代理样式。
二、继承样式：在指定的元素属性，如颜色、字体可以在父级进行设置，达到简化目标，可以避免CSS样式冗余。
三、内联样式：在元素中添加style属性，只适用于当前元素。
四、文档样式：在当前HTML文档添加style标签，适用于当前HTML文件。
外部样式：将多个HTML页面共用的样式，单独写一个CSS文档，再引用到对应的页面使用。
更多相关文章
- 内联框架标签与多媒体示例
- 实例用户注册及内联框架常用元素代码
- Android主题与Toolbar样式之间的关系
- android string.setSpan
- [导入]2010-03-06 传智播客—Android（六）通知、样式、主题、HTML
- 【Appetite】ionic3实录（四）微调Segment，并引出自定义组件概念
- Android字体多样式和动画TextDrawable
- android中的样式主题和国际化
- Android中自定义Dialog