CSS的基础知识

CSS的基础知识

基本概念

CSS层叠样式表 html：结构 css：样式 js：行为

基本语法

选择器 {
属性名1:属性值1;
属性名2:属性值2;
…
}
选择器说明该元素加在那些元素上，属性名属性值是样式的内容，每
条后面用分号结尾
使用方式
内联：

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

内部：
在head里使用style样式对当前页面有效，内容和表现形式一定程
度分离，但是不 彻底

外部：
准备一个css文件，在head标签中增加引用说明

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

颜色

自然界中颜色是无穷的，但计算机只能识别有限的颜色
颜色有三种基本颜色调和而成 红色 red 绿色 green 蓝色 blue
Css中颜色的表示方法
1.十六进制形式：#ff0000 掌握
2.RGB:rgb(128,0,0)	掌握
3.RGBA:rgba(128,0,0,.4) 在rgb基础上加了透明度 alpha
4.HSL：用色调、饱和度、明度这三个分量表示颜色 hsl(125,0,0)
5.HSLA：在hsl基础上加了透明度 alpha
6.预定义：red blue yellow等 掌握