1. HTML全局属性 & meta进阶
全局属性:id、class、title、hidden;更多meta元信息,设置网页视口、关键词、网页作者。
第三部分 CSS基础
1. CSS简介
CSS全称层叠样式表,作用:美化页面,负责表现;和HTML(结构)分离,做到结构和样式解耦;CSS3是最新版本,增加圆角、阴影、动画、弹性布局等。
2. CSS语法规则
选择器 { 属性名: 属性值; };大括号里面一条样式分号结尾;属性名和值之间冒号隔开;书写规范,一条样式单独一行。
3. CSS三种引入方式
1. 行内样式:标签内style属性;优先级最高,耦合严重,不推荐大量使用。
2. 内部样式: <style> 写在head中,适合单页面简单样式。
3. 外部样式表: <link rel="stylesheet" href="xxx.css"> ,独立css文件,项目开发首选,结构样式完全分离。
4.基础选择器(核心)
- 元素选择器: 标签名{} ,选中页面所有该标签。
- id选择器: #id{} ,id页面唯一,不推荐用来写样式,多用于JS。
- 类class选择器: .类名{} ,开发最常用;一个元素可以加多个class,空格隔开。
- 通配符选择器: *{} 选中所有标签,一般用来简单初始化样式。