HTML+css+html5基础+css3须知

1、定位四种

　　静态定位（static）：文档流默认的定位方式：一般不用写。

　　　　　　　　　　     如果没有指定元素的position属性值，元素也就是静态定位。static是position属性的默认值，它表示块保留在原本应该在的位置，不会重新定位。

　　　　　　　　　　     这个属性一般很少使用，不支持left、top等属性值，使用场景一般在清除其他定位属性上。

　　固定定位（fixed）：当元素的position属性设置为fixed时，这个元素就被固定了，被固定的元素不会随着滚动条的拖动而改变位置（在视野中），相对屏幕的可视区进行定位。

　　　　　　　　　　　例如：返回顶部。

　　 相对定位（relative）：当元素的position属性设置为relative时，此时元素便具有相对定位的特性。相对定位的元素，其位置是相对于它的原始位置计算而来的，

　　　　　　　　　　     同样具有top、bottom、left和right这4个属性。相对定位不使元素脱离文档流，不改变元素的本身类型。

　　绝对定位（absolute）：绝对定位absolute,是定位属性中出场频率最高的一个，一般配合relative使用，真正的实现了“指哪打哪”的效果。一个元素变成了绝对定位元素，

　　　　　　　　　　　　这个元素就完全脱离正常文档流了，绝对定位元素的前面或者后面的元素会认为这个元素并不存在，即这个元素“浮”在其他元素上面。

　　　　　　　　　　　　绝对定位会改变元素的本身类型（行内元素会变成块元素），其位置如果父级有相对定位则相对于定位父级发生偏移，

　　　　　　　　　　　　如果没有定位父级相对于整个文档发生偏移。

2、选择器的种类

　　常用的：类选择器

　　　　　　通配符选择器

　　　　　　ID选择器

　　　　　　后代选择器

　　　　　　子元素选择器

　　　　　　相邻兄弟选择器

　　　　　　多类选择器

　　不常见的：

　　　　　　简单属性选择器

　　　　　　子串匹配属性选择器

　　　　　　特定属性选择器

3、页面的加载顺序（了解）　　

　　从上到下运行，先解析head标签中的代码，

　　（1）head标签中会包含一些引用外部文件的代码，从开始运行就会下载这些被引用的外部文件

       　　  当遇到script标签的时候

        　　 浏览器暂停解析（不是暂停下载），将控制权交给JavaScript引擎（解释器）

         　　如果<script>标签引用了外部脚本，就下载该脚本，否则就直接执行，执行完毕后将控制权交给浏览器渲染引擎

　　（2）当head中代码解析完毕，会开始解析body中的代码

       　　  如果此时head中引用的外部文件没有下载完，将会继续下载

       　　  浏览器解析body代码中的元素，会按照head中声明一部分样式去解析

       　　  如果此时遇到body标签中的<script>，同样会将控制权交给JavaScript引擎来解析JavaScript

        　　 解析完毕后将控制权交还给浏览器渲染引擎。

       　　  当body中的代码全部执行完毕、并且整个页面的css样式加载完毕后，css会重新渲染整个页面的html元素。

　　（3）按照之前的描述，<script>写到body标签内靠后比较好，

      　　   因为JavaScript 会操作html元素， 如果在body加载完之前写JavaScript 会造成JavaScript 找不到页面元素

      　　   但是我们经常将<script>写到head中，body中不会有大量的js代码，body中的html代码结构会比较清晰

       　　  window.onload： 等待页面中的所有内容加载完毕之后才会执行

      　　   $(document).ready()： 页面中所有DOM结构绘制完毕之后就能够执行

        　　 可以这样理解：window.onload 和 $(document).ready()/$(function(){}); 相当于  写在body 内  最靠后的<script> 代码段

4、css单位：

　　http://www.w3school.com.cn/cssref/css_units.asp

5、颜色的表示方法：

　　十六进制或Hex（#000000和#000的区别）、RGB、RGBA、HSL颜色、HSLA颜色、预定义/跨浏览器颜色名。

6、音频，视频的使用

7、HTML5的新标签的了解和使用程度

8、浮动以及清除浮动的几种方法

9、雪碧图（掌握和使用）

10、媒体查询（了解，会用）

11、a标签的target属性，知道锚链接

12、盒子模型的使用（content、padding、border、margin）

13、特殊字符的使用，例如空格（&nbsp;）、大于>（&gt;）、小于<(&lt;)、版权（&copy;）等。

14、伪类、伪元素以及它们的区别

　　伪类：1、锚伪类

　　　　　2、：first-child伪类

　　　　　3、：lang伪类

　　伪元素：1、：first-line伪元素

　　　　　　2、：first-letter伪元素

　　　　　　3、：before

　　　　　　4、：after

15、块级元素和内联元素的区别

16、有序列表和无序列表的使用

17、css样式继承