CSS样式来源

CSS样式有三种来源:创作人员、读者和用户代理,来源的不同会影响到样式的层叠方式。

优先权重顺序

一、CSS样式的权重:!important > 内联样式 > ID选择器 > Class类选择器 > 标签选择器 > 默认样式。
二、常用的样式顺序:内联样式表 > ID选择器 > Class类选择器 > HTML标签选择器。
三、说明:
1、选择器的权值越大越优先,!important的优先级最大;
2、当权值相等时,后设置的样式会覆盖先设置的样式;
3、自定义的css样式的优先权高于浏览器设置的样式;
4、后指定的css样式优先于继承的css样式;

实例

一、默认样式:浏览器自带样式,也叫用户代理样式。
用户代理样式表

二、继承样式:在指定的元素属性,如颜色、字体可以在父级进行设置,达到简化目标,可以避免CSS样式冗余。
继承样式

三、内联样式:在元素中添加style属性,只适用于当前元素。

内联样式

四、文档样式:在当前HTML文档添加style标签,适用于当前HTML文件。
外部样式:将多个HTML页面共用的样式,单独写一个CSS文档,再引用到对应的页面使用。

文档样式、外部样式

更多相关文章

  1. 内联框架标签与多媒体示例
  2. 实例用户注册及内联框架常用元素代码
  3. Android主题与Toolbar样式之间的关系
  4. android string.setSpan
  5. [导入]2010-03-06 传智播客—Android(六)通知、样式、主题、HTML
  6. 【Appetite】ionic3实录(四)微调Segment,并引出自定义组件概念
  7. Android字体多样式和动画TextDrawable
  8. android中的样式主题和国际化
  9. Android中自定义Dialog

随机推荐

  1. Android7.0中文文档(API)-- ZoomButtonsCon
  2. Android API与Android版本的关系
  3. Android RecyclerView ItemDecoration ti
  4. Android,WiFi连接eap
  5. android中ui添加水平线
  6. 开始ANDROID的学习
  7. 小程序分享到朋友圈功能灰度测试!5 个小程
  8. android关于getLayoutParams()方法源码译
  9. Android 新建Android Project不会自动生
  10. Android之android:gravity和android:layo