前端面试总结---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的结构标签？

<header><nav><aside><article><section><footer>

废除的HTML标签？

<font><frame><center><big>

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.媒体查询  <video>

14.音频    <audio>

线条代码，实线，虚线？