HTML+CSS基础总结

一、HTML总结---为文本增加语义

1.html是纯文本语言，只有内容没有样式，其标签为文本添加语

2.HTML骨架：

3.DTD 文档类型声明Doc Type Declaration 。

一共有7 种DTD ，3 种HTML4.01 的，3 种XHTML1.0 的，1 种HTML5 的（HTML5 我们后面专门的课程学习）。

三个小种： strict （更为严格，不能用u 、b 、i 标签）、transitional （不怎么严格）、frameset

XHTML 总体上要比HTML 严格，比如必须是小写字母标签等等。

4.关于数据集，软件中写的类型要和保存的一致，否则会出现乱码。

常用的有两种：UTF-8和gb2312，如果是中文网站，追求显示速度，一般选用gb2312，如果是各种国家的语言，需要用UTF-8，其包含所有的字符。

5.关于搜索引擎优化（SEO），可利用meta的Keywords、Description以及title的设置来优化。

6.标签类型：可分为双标签和单标签，也可分为容器级标签和文本级标签

7.路径问题：相对路径、绝对路径

8.标签：h标签

p、span标签

img标签

a标签：title悬停文本

ul/ol、li标签：ul/ol里面只能放li，li里面可放任意元素

dl、dt/dd：定义列表

div

table标签

表单：所有表单内容都写在<form></form>中

二、CSS总结

1.前端三层---HTML、CSS、JS

2.主要部分

选择器，怎么选；

属性，规定样式。

3.选择器---基础选择器、高级选择器、属性选择器、伪类选择器、伪元素选择器

标签选择器、id选择器、class选择器

后代选择器、交集选择器、分组选择器、通配符*

子代选择器、序列选择器、相邻兄弟选择器

伪类选择器、伪元素选择器

4.CSS三大特征--特殊性、继承、层叠

按权重、来源、特殊性和顺序排序

重点是权重的计算，先看有没有选中，选中比权重，没选中比远近

5.盒模型--width、height、padding、border

6.文档流--块级元素和行内元素

行内元素与块级元素相互转换

脱标方法：浮动、绝对定位、固定定位

7.浮动---性质

（1）浮动的元素脱标

（2）浮动的元素互相贴靠

（3）浮动的元素有“字围”效果

（4）浮动的元素如果不设置width，将自动收缩为文字宽度

8.清除浮动--5种方法

9.margin---标准流中叠加，非标准流中相加；居中显示；兄弟与兄弟之间的距离

10.垂直居中--单行文本垂直居中

11.超链接的美化--伪类

12.background系列属性

background-color:red;

background-image:url(1.jpg);

background-repeat:no-repeat;  

background-position:100px 100px;

background-attachment:fixed;

13.定位

相对定位

绝对定位

固定定位

14.z-index