CSS基础知识总结

CSS样式:

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

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

CSS代码语法:

CSS 样式由选择符和声明组成，而声明又由属性和值组成

• 选择符:{属性:值}

又称选择器，指明网页中要应用样式规则的元素;

p{
  color:red;
}

• 声明：

在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔;

p{
  font-size:12px;
  color:red;
}

CSS 样式分类：

1）内联式css样式：

• 把css代码直接写在现有的HTML标签中；

例：

文字是红色。

• css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。

例：

文字是红色。

2）嵌入式css样式：
就是可以把css样式代码写在标签之间。

如下面代码实现把标签中的文字设置为红色：

嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。

3）外部式css样式：

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在内（不是在