1.css的选择器
1.通用选择器：id（#id），类（.class），标签（div, h1, p），通配符（ * ）
2.子代选择器：（ul > li）
3.后代选择器：（li a）
4.属性选择器：（a[rel = "external"]）
5.伪类选择器：（a: hover, li: nth - child）
选择器优先级为：
!important > 内联 > id > class/伪类 > tag
2.css的盒模型
有两种， IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 pading
一般说的是W3C盒子模型，它包括四个部分：
内容(content)、填充(padding)、边界(margin)、 边框(border)
3.css的标签元素
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
行内块元素（拥有内在尺寸，可设置高宽，但不会自动换行）：img，input，button，textarea，label
4.src与href的区别
href是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
5.px和em的区别
px和em都是长度单位，区别是，px的值是固定的，计算比较容易。em的值不是固定的，并且em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em
6.浏览器的内核分别是什么?
IE: trident内核
Firefox：gecko内核
Safari：webkit内核
Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核
Chrome：Blink(基于webkit，Google与Opera Software共同开发)
网友评论