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、特殊字符的使用,例如空格( )、大于>(>)、小于<(<)、版权(©)等。
14、伪类、伪元素以及它们的区别
伪类:1、锚伪类
2、:first-child伪类
3、:lang伪类
伪元素:1、:first-line伪元素
2、:first-letter伪元素
3、:before
4、:after
15、块级元素和内联元素的区别
16、有序列表和无序列表的使用
17、css样式继承