1.HTML常用标签：
HTML标签通常是成对出现的，只有少数几个是单一出现，服从记少不记多的规律，我们记住单独出现的标签就行
注释添加<!-- -->可跨行，浏览器中不显示。
标题h1-h6:
1-6级标签，1级文字最大。一个页面建议只有一个1级标签。不然可能会影响页面的美观性。 使用格式：如<h1> 标题内容 </h1>
段内换行br（单独使用）：
使用格式：可用在段落标签中，如<p> <br/> </p> ,呈现段内换行，如果想段落与段落间多一些空行，也可以使用在段落标签外。与c语言中的\n功能相似。
段内分组span：
在<p> </p>中使用<span> </span>，段内分组标签中间的元素被标注，后期可被CSS格式化。
段落p：
<p>内容</p> 输出内容后，可实现自动换行。需要注意一点，段落内文字中出现连续空格和换行都呈现为单个空格。如果想出现多个连续空格和换行，换行需增加多个<br/>,空格需用多个连续的特殊字符 （特殊字符均小写）。还有一种方法是使用预留格式标签pre.
预留格式pre:
在<pre> </pre>中留出的所有空格和空行都能够保留下来。
水平线hr（单独使用）：
在需要出现水平线的地方添加<hr />标签即可。
超链接a：
格式<a href=" "> 文字或图片 </a>，本站点（即同一文件夹下）的其他网页，href中只需文件名加后缀，其他站点，完整网址加上协议，未知跳转页面，使用#-虚拟超链接。href中也可以使用相对路径。（路径：绝对路径，盘符为基准点 相对路径，网页文件当前位置为基准点。上一级文件../
图像插入img（单独使用）：
图像格式:jpg 有损压缩，色彩丰富图片 gif 简单动画，背景透明(透明：给图片指定一种颜色，使其不被显示而成为透明 交错：图片显示从概貌到全貌，不清晰到清晰 png 无损压缩，透明，交错，动画。使用格式<img src="路径+文件名（带后缀）alt="图片无法正常打开时显示的内容" />
区域div：
可将页面划分成不同的片区，标签内可加属性如：align 居中对齐 id 名字唯一
上角标sup：
<sup>数字</sup>
列表：
无序列表ul—— li是列表项，应用：如超链接的组合，导航栏。 有序列表ol—— li是列表项，列表项前面有数字。
表格table tr行 td单元格：
早期表格功能相似于区域，<td>内容</td>，border属性：边框的粗细。th标签加粗字体 表头单元格。
表单form（一个区域，采集用户信息）：
里面的属性action收集的数据交由另外的页面处理。表单元素 type属性，表单元素类型 name属性，表单元素名称 input标签： 文本框，密码框input
按钮 value 按钮上显示的文字
- 单选框，复选框 value属性表示提交到后端的数据 单选框选项name属性需相同
-
- 非input
- 下拉列表框（节省页面空间
-
- 文本域
- cols行数 rows列数
- cols行数 rows列数
- 下拉列表框（节省页面空间
2.CSS基础：
1、CSS发展历史
CSS1：1996年12月W3C发布了第一个有关样式的标准CSS1。包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box的相关属性等。 CSS2：1998年5月，CSS2正式推出，开始使用样式表结构，是目前正在使用的版本。CSS2.1：2004年2月，CSS2.1正式推出。它在CSS2的基础上略微做了改动，删除了许多不被浏览器支持的属性。 CSS3：早在2001年，W3C就着手开始准备开发CSS第三版规范。虽然完整的、规范权威的CSS3标准还没有尘埃落定。但是各主流浏览器已经开始支持其中的绝大部分特性。
2、css的作用：
css（Cascading Style Sheets，层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。
CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
在css进入前端语言之前，很多一部分人都把css当做一种前端语言，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。
3、引用方式
(1) 行内式引用方法。
直接通过div标签，添加style属性，并设置样式，实现css对页面的布局，这种方式很简单，但对于大型页面来说使用起来过于繁琐。
- 内嵌式引用方法。
将style样式放在head标签内，通过在内部定义div和h2的样式，然后在body标签内部实现引用，这种方法相对而言比较整洁，便于整理和维护。
注意：采用内嵌式的时候引用必须放在标签内，先加载，然后才能引用
链入式引用方法。
先创建css文件，定义div等网页样式然后在html文件中通过link标签进行引用，在link标签中添加href属性，调用css文件，实现引用，这种方法是目前网页开发中最常用的方式。
导入式引用方法
将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件。
<style>标记也是写在<head>标记中,使用的语法如下:<style type= "text/css">
四种方式的优先级问题
1.就近原则
2.理论上：行内>内嵌>链接>导入
3.实际上：内嵌、链接、导入在同一个文件头部，谁离相应的代码近，谁的优先级高
4、三大特性
CSS 有三个非常重要的三个特性：层叠性、继承性、优先级。
1. 层叠性
相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。
层叠性原则：
样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式。 样式不冲突，不会层叠。
2.继承性
现实中的继承: 我们继承了父亲的姓
CSS中的继承: 子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业。
恰当地使用继承可以简化代码，降低 CSS 样式的复杂性
子元素可以继承父元素的样式（text-，font-，line-这些元素开头的可以继承，以及color属性） 
3.优先级
优先级的选择器权重如下表所示。
优先级注意点:
1. 权重是有4组数字组成,但是不会有进位。
1. 可以理解为类选择器永远大于元素选择器, id选择器永远大于类选择器,以此类推..
2. 等级判断从左向右，如果某一位数值相同，则判断下一位数值。
3. 可以简单记忆法: 通配符和继承权重为0, 标签选择器为1,类(伪类)选择器为10, id选择器100, 行内样式表为1000, !important 无穷大.
4. 继承的权重是0，如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0。
权重叠加：如果是复合选择器，则会有权重叠加，需要计算权重。
1287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
