CSS 引入共有三种方式：内部样式表，内联样式（行内样式）表，外部样式表，当然也可以使用多重样式

内联样式

<div style="color:red;font-size:20px">内联样式表</div >

内联样式 直接把样式卸载html代码行内，一般仅仅在此样式仅仅只在当前元素上应用时使用，其他情况下尽量不要使用。

内部样式表

 <style>

        div {

            color: blue;

            font-size: 20px

        }

    </style>

内部样式表一般写在HTML头部，在<head>标签内用<style>标签括起来。此方式一般使用在当前页面需要使用特殊的样式。

外部样式表

 <link rel="stylesheet" href="CSS/Googlefonts.css">

外部样式表 是单独将样式写到一个css文件中，并在头部引用。使用外部样式表时要注意如果出现多重样式时样式覆盖带来的问题。

多重样式

当使用多重样式时，多重样式将会重叠为一个，一般而言多个样式表会根据下面的规则重叠为一个，其中4为最高权重

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表（位于 head 标签内部）
  4. 内联样式（在 HTML 元素内部）

多重样式优先级顺序

对于同一个元素的多个样式而言，优先级次序如下，7的优先级最高（!important 规则例外，但一般尽量不要用）：

  1. 通用选择器（*）
  2. 元素(类型)选择器
  3. 类选择器
  4. 属性选择器
  5. 伪类
  6. ID 选择器
  7. 内联样式

最新文章

  1. 关于mysql MYISAM引擎的锁问题
  2. 带给你灵感：30个超棒的 SVG 动画展示【上篇】
  3. hdu1754 线段树
  4. AC自动机——Uva 11468 子串
  5. SQLQuery 实现别名映射
  6. HTML5 拖拽复制功能的实现方法
  7. 用Python高亮org-mode代码块
  8. jQuery.form 中的 ajaxForm() 和 ajaxSubmit()
  9. 准备着手学习python
  10. Java ftp 上传文件和下载文件
  11. no zuo no die
  12. shell脚本备份日志文件
  13. java07接口与继承动手动脑
  14. algebraically closed field 代数闭域
  15. Solr在Linux中的安装
  16. TMS320VC5509的DAC输出TLV5620
  17. 判断URL文件是不是在于在。
  18. opencv-python教程学习系列8-opencv图像算术运算
  19. [李居丽][다이아몬드][Diamond]
  20. Jackson 练习(一)

热门文章

  1. 【Java并发编程】：并发新特性—障碍器CyclicBarrier
  2. 《Mysql技术内幕，Innodb存储引擎》——Innodb体系结构
  3. Beta阶段——Scrum 冲刺博客第五天
  4. 使用axios实现上传图片进度条
  5. (译) 在AngularJS中使用的表单验证功能
  6. Walkway.js – 创建简约的 SVG 线条动画
  7. jQuery扩展插件以及正则相关函数练习
  8. winform绑定多张图片
  9. 腾讯云CentOS安装JDK1.8
  10. UIWebView 展示GIF/image