HTML+CSS

HTML5中升级后的a元素 HTML5为a元素新增了3个属性 属性 说明 download 定义可被下载的目标（如文件，图片等） media 定义被链接文档为何媒介/设备优化的 type 定义被链接文

address 概念：address元素定义为文档或文章添加联系信息 语法： 如果address元素位于body元素内，则表示该网站所有者的联系信息 如果address元素位于article元素时，表

新增表单控件 datalist 概念：datalist控件为文本框提供一个预定义的下拉列表 用户在输入数据时可以在预定义的下拉列表中直接选择，也可以自行输入内容。 datalist控件要与option

HTML5-新增表单元素 新增以下type值类型： 属性值 说明 email 邮件类型（验证） tel 电话号码 url URL类型（验证） range 取数字（滑块方式） number 取数字（微调

## 结构标签 用来进行页面结构布局，本身无任何特殊样式 ，需要使用CSS进行样式设置 - article 定义一个独立的内容，完整的文章 - section 定义文档的章节，段落 - header

八，页面布局 1.简介 常见页面布局： 表格布局 div布局 2.表格布局 2.1 简介 不适用于复杂布局，仅适用于简单、有规则的结构 定位相对准确，与浏览器基本无关，适用简单分割 2.2 用法 ta

七，其他CSS属性 1，浮动和清除 1.1 浮动属性 通过float属性实现元素有浮动，可以让块级元素脱离常规文档流，向左或向右移动，在同一行显示，如果一行显示不下，则会换行。（对于子元素使用，对于父

7，精灵图 7,1 简介 介绍：项目中将多张小图片，合并成一张大图片，这张大图片称为精灵图。 优点：减少服务器发送次数，减轻服务器的压力，提高页面加载速度。 7.2 使用步骤 创建一个盒子，设置盒子的

​  六，定位方式 1.简介 通过position属性实现对元素的定位，有四种定位方式 常用取值： 取值 含义 说明 static 默认值 按照常规文档流进行显示 relative 相对定位 相对于标

五，盒子模型 1.简介 盒子模型是网页布局的基础，将页面中所有的元素都看作成一个盒子，盒子都包含以下几个属性： width 宽度 height 高度 border 边框 padding 内边距 mar

四，常用CSS属性 1.字体属性 定义字体相关的样式 属性 含义 说明 font-size 大小 可以使用多种单位(px,百分比%) font-weight 粗细 font-family 字体 fon

三，选择器 1.基础选择器 1.1 标签选择器 也称为元素选择器，使用HTML标签作为选择器名称 以标签名作为样式应用依据 1.2 类选择器 使用自定义名称，以. 号作为前缀，然后通过HTML标签的c

一、CSS简介 1.什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置规则，用于控制页面的外观样式 2.为什么使用CSS 实现内容与样式的分离，便于团队开发

七、内联框架 1.简介 使用 可以将其他网页的内容以嵌入的方式显示在当前网页中。 2.基本用法 语法: 常用属性: src 引用的页面 width/height 标签的 宽度/高度，像素或 百分比(父

五，表格 1.简介 表格是一个规则的行列结构，每个表格由若干行组成，每行由若干单元格组成table、row、column 2.基本结构 2.1 table标签 用来定义表格 常用属性： border

前言 HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的