经过一个星期的html5的学习,开始了css的美化之旅
CSS基础知识
1.1基础概念表
CSS指层叠样式(casscading style sheets)
为什么需要用CSS
HTML描述了要呈现的内容,而CSS则定义了这些内容的呈现形式,比如字体,颜色等。使用CSS能够将页面内容和呈现形式有效分离,有利于分工合作,有有利于快速变换不同的呈现形式。
使用样式表可以有三种方式
(1)内联样式
将样式定义在style属性中,内容和表现形式高度耦合
(2)内部样式
在<head>标签中通过<style>标签来定义
内容和表现形式的耦合程度降低了,但都还是在html文件中,没有实现完全分离。定义的样式只能在当前页面使用。
(3)外部样式表
首先需要定义一个样式表文件
CSS中也可以使用注释,形式为/*....*/
然后在需要使用这些样式的html文件中引入该样式文件。
<link>标签引用,
<link rel=”stylesheet” type=”text/css’ herf=”xxx.css”>
外部样式表使得内容和表现形式彻底分离,有利于分工合作及维护,可在多个html中引用
1.2颜色定义表
颜色可以由三种基本颜色调和而成,即红色Red.绿色和蓝色
每种颜色用8位表示,可以表示256(2ⁿ)种颜色.那么每个颜色值有24位来表示,可以表示256*256*256种颜色(真彩色).
CSS中有多种颜色表示形式:
(1)十六进制形式:
(2)RGB颜色
(3)RGBA颜色
在RGB颜色基础上增加了透明度分量,该分量的取值范围为0(全透明)-1.0(完全不透明)
(4)HSl颜色
(5)HSLA颜色
(6)预定义颜色
CSS提供了一些常用的预定义颜色,比如red,green等。
总结:经过这段时间的学习,总的来说html5前期比较容易入门,学的内容也不算太难,但也不能掉以轻心,需要多多练习,熟练的掌握一些标签的使用