解析:
选择器的特殊性值表述为 4 个部分,用 0,0,0,0 表示。
ID选择器的特殊性值,加 0,1,0,0。
类选择器、属性选择器或伪类,加 0,0,1,0。
元素和伪元素,加 0,0,0,1。
通配选择器*对特殊性没有贡献,即 0,0,0,0。
最后比较特殊的一个标志!important(权重),它没有特殊性值,但它的优先级是最高的,
为了方便记忆,可以认为它的特殊性值为 1,0,0,0,0。
html5 为什么只需要写<!doctype html>?
解析:
答:html5 不是基于 sgml(标准通用标记语言),不需要对 dtd 文件进行引用,但是需
要 doctype 来规范浏览器的行为,
否则浏览器将开启怪异模式,而 html4.01 基于 sgml,需要引入 dtd,才能告知浏览器文
档使用的文档类型
行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
解析:
行内元素有:a b span img input select strong(强调的语气)
块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p
知名的空元素:
<br> <hr> <img> <input> <link> <meta>
鲜为人知的是:
<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
页面导入样式时,使用 link 和@import 有什么区别?
解析:
两者都是外部引用 CSS 的方式,但是存在一定的区别:
区别 1:link 是 XHTML 标签,除了加载 CSS 外,还可以定义 RSS 等其他事务;@import
属于 CSS 范畴,只能加载 CSS。
区别 2:link 引用 CSS 时,在页面载入时同时加载;@import 需要页面网页完全载入以
后加载。
区别 3:link 是 XHTML 标签,无兼容问题;@import 是在 CSS2.1 提出的,低版本的浏览
器不支持。
区别 4:link 支持使用 Javascript 控制 DOM 去改变样式;而@import 不支持。
补充:@import 最优写法
@import 的写法一般有下列几种:
@import ‘style.css’ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4 不识别
@import “style.css” //Windows IE4/ NS4, Macintosh IE4/NS4 不识别
@import url(style.css) //Windows NS4, Macintosh NS4 不识别
@import url(‘style.css’) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4 不识别
@import url(“style.css”) //Windows NS4, Macintosh NS4 不识别
由上分析知道,@import url(style.css) 和@import url(“style.css”)是最优的选择,兼容
的浏览器最多。
从字节优化的角度来看@import url(style.css)最值得推荐。
解析:
使用 Trident内核的浏览器:IE、Maxthon、TT、The World 等;
使用 Gecko内核的浏览器:Netcape6 及以上版本、FireFox、MozillaSuite/SeaMonkey;
使用 Presto 内核的浏览器:Opera7及以上版本;
使用 Webkit 内核的浏览器:Safari、Chrome。