web03

###课程回顾

1. CSS 层叠样式表 负责美化页面
2. 引入方式:

• 内联样式:在标签的style属性里面写样式代码,不能复用
• 内部样式:在head标签里面添加style标签,在标签体里面写样式代码, 只可以在当前页面复用
• 外部样式:在单独的css样式文件中写样式代码,在html页面中通过link标签引入

3. 选择器

• 标签名选择器 div{}
• id选择器 #id{}
• class选择器 .class{}
• 分组选择器 div,#id,.class{}
• 属性选择器 标签名[属性名=‘值’]{}
• 子孙后代选择器 div span{}
• 子元素选择器 div>span{}
• 伪类选择器 a:link/visited/hover/active{}
• 任意元素选择器 *{}

4. 颜色赋值:

• 颜色单词 red
• 6位16进制 #ff0000
• 3位16进制 #f00
• 3位10进制 rgb(255,0,0)
• 4位10进制 rgba(255,0,0,0-1)

5. 背景图片

• background-image:url(路径) 设置背景图片
• background-size: 200px 300px 背景图片尺寸
• background-repeat: no-repeat; 禁止重复
• background-position: 50% 50%; 位置

6. 文本和字体相关

• 文本修饰 text-decoration: overline/underline/line-through/none;<