一、HTML5网页基本结构:
1、HTML5文档基本格式:HTML5文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记
2、HTML5语法:
(1)标签不区分大小写
HTML5采用宽松的语法格式,标签可以不区分大小写,这是HTML5语法变化的重要体现。例如:<p>这里的p标签大小写不一致</P>
(2)允许属性值不使用引号
(3)允许部分属性值的属性省略
3、HTML标记及标记属性
HTML标记:在HTML页面中,带有“ < > ”符号的元素被称为HTML标记,<html>、<head>、<body>都是HTML标记,将HTML标记分为三大类,分别是“双标记”、“单标记”、“注释标记”
标记属性:其基本语法格式如下:
<标记名 属性1="属性值1" 属性2="属性值2" …> 内容</标记名>
<h1 align="center" >标题文本<h1>
(其中align为属性名,center为属性值,表示标题文本居中对齐,对于标题标记还可以设置文本左对齐或右对齐,对应的属性值分别为left和right。如果省略align属性,标题文本则按默认值左对齐显示)
4、HTML5文档头部相关标记:在<head>标记内
二、HTML5的常用基本标记:
1、文本控制标记:(1)标题和段落标记
(2)文本格式化标记
(3)特殊字符标记
2、图像标记:(1)常用图像标记
(2)图像标记<img/>
(3)绝对路径和相对路径
3、链接标记:(1)创建超链接
(2)锚点链接
三、HTML5页面元素:(1)列表元素
(2)结构元素
(3)分组元素
(4)页面交互元素
四、CSS基本选择器
1、CSS样式规则:
具体格式如下:选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
具体规则如下:
CSS样式中的选择器严格区分大小写,属性和值不区分大小写,按照书写 习惯一般将“选择器、属性和值”都采用小写的方式;
多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可 以省略,但是,为了便于增加新样式最好保留;
如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加 上英文状态下的引号;
在编写CSS代码时,为了提高代码的可读性,通常会加上CSS注释
2、标记选择器
3、类选择器
4、id选择器
五、CSS复合选择器
1、交集选择器
2、合集选择器
3、后代选择器
六、CSS3高级
选择器:(1)CSS3属性选择器
(2)关系选择器
(3)伪类及伪元素选择器
属性:(1)CSS3的变形属性
(2)CSS3的过渡属性