CSS 入门学习篇 - 1

IMOOC 学习笔记
CSS全称层叠样式表（Cascading style sheet). 它主要是定义HTML内的显示样式，如文字大小，颜色，字体加粗等。

<style type="text/css">p{   font-size:20px;/*设置文字字号*/   color:red;/*设置文字颜色*/   font-weight:bold;/*设置字体加粗*/}</style>

使用CSS的好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体，字号，颜色等。

CSS样式由选择符和声明组成，而声明又由属性和值组成。
选择符又称选择器，指明网页中要应用样式规则的元素，上图代码中p为选择器。
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔。

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。
内联式：就是把CSS样式代码直接写在HTML标签中。
嵌入式：就是把CSS样式代码写在下图代码标签之间。

<style type="text/css">/* 具体的CSS代码 */</style>

外部式(外联式)：就是把CSS样式代码写在一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在 head 标签内（不是在 style 标签内）使用 link 标签将css样式文件链接到HTML文件内，如：

<link href="style.css" rel="stylesheet" type="text/css" />

要注意的是：

1. css样式文件名称以有意义的英文字母命名，如 main.css。
2. rel=”stylesheet” type=”text/css” 是固定写法不可修改。
3. link 标签位置一般写在 head 标签之内。

三种样式的优先级： 内联式>嵌入式>外联式
嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。总结来说，就是就近原则（离被设置元素越近优先级别越高）。