1、基本概念
HTML描述了要呈现的内容,而CSS则定义了这些内容呈现的形式,比如字体,颜色等,使用CSS能够将页面内容和呈现形式有效分离,有利于分工合作,也有利于快速更换不同的呈现形式。
三种方式:
(1)内联样式:将样式定义在style属性中, 内容和呈现形式高度耦合,维护困难,不利于分工合作。只能应用于当前标签。
(2)内部样式:在<head>标签中通过<style>标签来定义。内容和表现形式的耦合程度降低了,但都还是在html文件中,没有实现完全分离。定义的样式只能在当前页面使用。
(3)外部样式表:首先需要定义一个样式表文件,然后在需要使用这些样式的html文件中引入该样式表文件,外部样式表使得内容和表现形式彻底分离,有利于分工合作和维护。可在多个html中引用。
2、颜色
Css中用8位数表示一个颜色,那么可以表示28种颜色即256种颜色,所以总共可以表示256*256*256种颜色。
Css中有多种颜色表现形式:
(1)十六进制形式
(2)RGB颜色
(3)RGBA颜色
在RGB颜色基础上增加了透明度分量(alpha),该分量的取值范围为0(完全透明)~1.0(完全不透明)
(4)HSL颜色
(5)HSL颜色
(6)自定义颜色
3、尺寸单位
cm:厘米
mm:毫米
in:英寸(inch)
px:像素(pixel)
%:百分比
em、vw、vh
绝对长度单位
in 英寸Inches (1英寸 = 2.54 厘米)
cm 厘米Centimeters
mm 毫米Millimeters
px 像素Pixels
pc 皮卡Picas (1 皮卡 = 12 点)
相对长度单位
em 元素的字体高度
ex 字母x的高度
% 百分比