前端面试总结---CSS相关面试题

css常用选择器有哪些？

1.元素选择器 

2.类选择器 class

3.ID选择器   id #id

4.属性选择器  a[href]

5.后代选择器   h1 em 有一定层级结构

6.子元素选择器   h1>strong

7.相邻兄弟选择器    h1+p    

8.  伪类   ：active（被选择的链接）   :focus  ：hover   :link(未被访问)   ：visited(被访问)

                结构伪类： :first-child       :nth-child(n)   :last-child  :only-child

                                   :first-of-type   :nth-type-of    :last-of-type  :only-of-type

               :lang

9.伪对象选择器：  :checked  :enable  :disable

10.伪对象选择器：   ::first-letter   ::first-line   ::before  ::after  ::selection(元素被选择)

id与class的区别？
id是唯一的，一个元素只能有一个，不能重复
class可以重复

div和span的区别？
2个都是用来划分没有实际语义的标签，差别在于div是块级元素，不会与其他元素在同一行，
span是内联元素，可以与其他元素位于同一行

常用浏览器的私有前缀是什么？
WebKit 内核    "-webkit"   苹果，谷歌，搜狐
Gecko  内核    "-moz-"     火狐浏览器
欧朋   内核    "-o-"       欧朋浏览器
Trident 内核    "-ms-"     360，国内浏览器

CSS的颜色制式？
1.直接写颜色名称
2.RGB    rgb(0,0,255)
3.HSL    HSL()
4.RGBA   rgba(255,0,0,0.8)

HTML5的结构标签？

废除的HTML标签？

HTML5所支持的音频和视频格式？
1.音频：wav,mp3,ogg
4.视频：mp4,

CSS3的新特性是什么？
1.选择器
2.RGBA和透明度
3.多栏布局   column-count
4.多背景（背景颜色渐变）
5.Word Wrap(允许长单词换行)
6.文字阴影（text-shadow）
7.@font-face属性（定义自定义文字）
8.圆角(边框半径)（border-radius）
9.边框图片（border-image）
11. 盒阴影(box-shadow:x轴，y轴，长度，颜色)
12.盒子大小
13.媒体查询 

线条代码，实线，虚线？