1. html5的声明方式 2.html 超文本标记语言 3. 设置解码格式 乱码问题: 保证编码和解码格式统一 编码:文件的格式 解码: 使用什么样的编码格式解析页面的内容 4.标签上可以添加属性 属性可以帮助更完整的展示标签 属性=""|‘属性值’ 双引号和单引号都可以,但是前后保持一致 属性前面要条件空格 5.标签: 单标签|自闭合标签: 双标签|闭合标签:Title html的常用标签 行内元素:行内元素不换行,一行显示 块元素:前后换行 align 内容水平对齐方式 left right center 正常属性的文字,默认黑色,不换行,多个空格和换行识别为一个空格,谷歌浏览器默认字体大小16像素 常用基础标签 a 超链接标签 行内元素 href 链接属性 必有属性 绝对地址 相对地址 title: 当鼠标悬停在内容上面时候显示的提示字 target:打开方式 _self 当前页面打开 _blank 新页面打开
默认样式: 链接没有访问: 字体蓝色.自带下划线 链接有访问: 字体紫色.自带下划线 p 段落标签 块元素 p中的内容正常显示 前后有空白 (内外边距css) img 图像标签 行内元素 src 图像链接地址 必填属性 绝对地址 相对地址 alt:当图片无法正常显示的时候的提示字 title: 当鼠标悬停在内容上面时候显示的提示字 width:宽度 px值为单位 height: 等比缩放 款速 div 块 块元素 正常显示 span 帮助添加标签 列表 1.有序列表 ol 2.无序列表 ul ol和ul直接子元素只能为li li中可以嵌套任何内容 更改列表项标记: ul|ol type属性 ul: ol:1 A a I i 表格 table 属性: style="border-collapse: collapse" 双线变单线 border 边框 bordercolor 边框颜色 width 宽 height 高 rowspan 跨行 colspan 跨列 tr 行 th 表格头单元格 加粗+居中 td 表格题单元格 单元格可以设置宽高 对齐方式align 表单标签 ****css 层叠样式表 行内样式表:元素上提供一个style属性,属性值中给样式 内部样式表:html的内部,提供一个style标签对,标签对中给样式 外部样式表:定义一个样式表文件,定义样式,把这个文件引入到指定的html页面 样式: 名称:值; 选择器: 选择到某个元素 选择器{ 样式1; 样式2; … } 样式表的优先级:有限显示 谁离元素更近就优先显示谁 基础选择器: id,根据元素的id属性值选择到某个元素 唯一
类class:根据元素的class属性值选择到一个或者一组元素 .+class属性的名字 class属性值 元素|标签可以给多个,不唯一 根据标签名选择到一组或者一个元素 * 作用到所有元素 清除浏览器默认样式: *{ padding:0; margin:0; } 优先级: id>class>元素>通配符 群组选择器: 选择器1,选择器2,.. {} 后代选择器（派生选择器） 子元素选择器 第一代子元素 属性选择器 伪类选择器 : hover 当鼠标悬停在元素上时显示的样式常用样式: 1.背景: 背景颜色 颜色: 颜色的英文单词 颜色十六进制 # rgb() rgba() a->透明度 0~1 0透明 1不透明 背景图片 背景图片是否重复
2.color: 字体颜色 3.text-align不能使用在行内元素, 元素内部内容的水平对齐方式 4.line-height: 行高,默认一行中的内容,在这一行中是垂直居中的 5.text-decoration 文本样式 underline 下划线 overline对文本添加上划线。 line-through对文本添加中划线，与HTML中的s和 strike 元素相同。 none 没有样式 6.text-indent 设置文本首行缩进 单位:px em文字个数 7.font-family文本字体 8.font-size 字体大小 9.font-style 字体风格 1）normal：文本正常显示； 2）italic：文本斜体显示； 10.font-weight 文字粗细 600以上粗体 600以下正常 11.list-style 列表样式能看见的内容的大小: 内容+内边距+外边距 背景的设置会自动延伸到内边距上
设置内外边距的时候: 1,2,4个值 border边框三要素: border:宽度 样式 颜色; display:设置元素的属性 block inline inline-block 行内块 拥有行内和块元素的特点,能设置宽高和同行显示表单使用form标签定义 表单是用来收集用户信息发送至服务器进行处理
form常用属性: action 数据发送的服务器地址 name form标签的名字 enctype 如果存在文件上传需要指定二进制传输 multipart/form-data method 提交方式 get post 表单元素: name属性 需要提交值得表单元素必须添加name属性,没有name属性没有提交的能力 区分后台的唯一 class : css用到 id : js用到 区分前台页面元素的唯一 value 值 input标签定义大多数表单元素 type属性的值来区分不同作用 text普通文本框 name value password 密码 加密 name radio 单选框 如果单选框中只能选择一个,需要设置为一组,name属性相同 checkbox 多选框 submit 提交 button 普通按钮 reset 重置 button 按钮 type属性值 <label> 标签为input 元素定义标注（标记）。 常用属性: multiple多选 required 必填属性 autofocus 自动聚焦 readonly 只读 可以提交不能修改 disabled 禁用 不能提交 显示灰色