css

1 引入CSS文件建议用<link href="common.css" rel="stylesheet"/>
因为浏览器会并行下载资源并且不会停止对当前文档的处理，而不推荐使用import和内联
使用<script src=""></script>浏览器会阻塞

2 如何理解HTML结构的语义化？.
丢失样式的时候，能让页面呈现清晰的结构：html本身是没有表现的，我们看到例如<h1>是粗体、<strong>是加粗的。不要认为这是html的表现，这些其实html默认的css样式起的作用。浏览器都有默认样式，默认样式的目的也是为了更好的表达html的语义.
3 超链接访问过后hover样式就不出现的问题是什么？如何解决？
改变CSS属性的排列顺序: L-V-H-A（link,visited,hover,active）
4 display:none和visible:hidden的区别
“display:none和visible:hidden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用 visible:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而 display:none属性会使这个对象彻底消失（看不见也摸不到）。”
5 rgba()和opacity的透明效果有什么不同？
rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度，
而rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！）
6 如何垂直居中一个<img>

#container     //<img>的容器设置如下   
 {   
     display:table-cell;   
     text-align:center;   
     vertical-align:middle;   
 } 

7 css有个content属性,有什么作用？有什么应用？
css的content属性专门应用在 before/after 伪元素上，用于来插入生成内容。
最常见的应用是利用伪类清除浮动。

//一种常见利用伪类清除浮动的代码   
 .clearfix:after {   
    content:".";       //这里利用到了content属性   
    display:block;    
    height:0;   
    visibility:hidden;    
    clear:both; }   

.clearfix {    
    *zoom:1;    
}