1.CSS基础语法
格式:
选择器{ 属性1: 值1; 属性2: 值2}
基础语法:
width: 宽
height: 高
background-color: 背景色
单位:
1. px -> 像素
2. % -> 百分比 (相对父容器的大小)
外容器 -> 600px 当前容器 50% -> 300px
外容器 -> 400px 当前容器 50% -> 200px
CSS注释:
/*CSS注释*/
横向像素 * 纵向像素 = 电脑的分辨率
2.内联样式、内部样式与外部样式
内联样式: 通过在标签中加上style属性来实现
内部样式: 通过<style></style>标签来实现
外部样式: 通过<link>标签引入一个外部的.css文件来实现
内部样式的优点:
(1)让结构和样式分离,符合W3C的标准
(2)可以复用代码
<link>标签的属性
href:外部资源的地址
rel: 指定资源与页面的关系
3.颜色表示法
(1)单词表示法
yellow blue red
(2)十六进制表示法
0 1 2 3 4 5 6 7 8 9 A B C D E F
(3) RGB三原色法
rgb(255,255,255)
取值 0 ~ 255