CSS基础概念知识

CSS  基 础知识

1.1基本概念

CSS 层叠样式表，为了实现页面内容和表现形式的分离。

使用CSS有三种方式：

（1）内联形式

使用style属性，只对当前标签有效。页面内容和表现形式是高度耦合的，不利于维护和分工合作的。

（2）内部样式

在head中使用<style>标签，样式对当前页面有效。内容和表现形式实现了一定程度的分离（但不彻底）

（3）外部样式

准备css文件

在html文件中引用css文件

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

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

1.2 颜色

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

需要将连续的量（无穷）转化为离散的量（有限）的

颜色可以由三种基本颜色调和而成，即红色Red、绿色Green和蓝色Blue

每种颜色用8位表示，可以表示256（2⁸）种颜色。那么每个颜色值有24位来表示，可以表示256*256*256种颜色（真彩色）

进制……

CSS中颜色的表示方法：

（1）十六进制形式：#ff0000

（2）RGB：rgb(128,0,0) 等价于#800000

（3）RGBA：在RGB颜色的基础上增加了表示透明度的分量Alpha

（4）HSL：用色调、饱和度和明度三个分量表示颜色

（5）HSLA：在HSL颜色的基础上增加了表示透明度的分量Alpha

（6）预定义颜色：Red、Yellow等

1.3 尺寸单位

cm、mm、in（inch）、px（pixel）

%、em、等