Css基础知识

基本概念

CSS层叠样式表：为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式，最后的结果是多次样式叠加的结果，如果有冲突 以后面的样式为准。

html：结构 css：样式 js：行为

基本语法

选择器{

属性名：1：属性值1；

属性名：2：属性值2；

……

}

选择器说明该样式施加于那些元素，属性名和属性值说明的是样式的内容

一般一行定义一个样式，也可以都写在一行上。每条样式后面需要加;结尾。

使用方式

内联样式

使用style属性，只对当前标签有效，不利于维护和分工合作。

内部样式

在head中使用style标签，样式对当前页面有效。

内容和表现形式实现了一定程度的分离（但不彻底）

外部样式

准备一个css文件

在html中引用这个css文件，在head标签中增加引用说明

<link rel="stylesheet" type="text/css" href="../css/css使用方式.css"/>

内容和表现形式完全分离了，而且任何需要用到该样式表中样式的页面都可以通过连接该文

件来实现

颜色

自然界中的颜色数量是无穷的，但是计算机只能表示有限的信息。

颜色可以由三种基本颜色调和而成，红色 red，绿色 green， 蓝色 blue

CSS中颜色的表示方法：

1. 十六进制形式：#ff0000 掌握
2. RGB：rgb（128,0,0）r:red   g:green  b:blue 掌握
3. RGBA:在RGB颜色的基础上增加了一个透明度的分量Alpha
4. HSL：用色调、饱和度、明度用三个分量来表示颜色
5. HSLA：在HSL颜色的基础上增加了一个透明度的分量Alpha
6. 预定义颜色：red yellow 等 掌握
7.