遇到的一些面试题

1.css的选择符,继承性,优先级顺序, css3新增伪类

     CSS 选择符:

       1) id选择器(# myid)
       2) 类选择器(.myclassname)
       3) 标签选择器(div, h1, p)
       4) 相邻选择器(h1 + p)
       5) 子选择器(ul > li)
       6) 后代选择器(li a)
       7) 通配符选择器( * )
       8) 属性选择器(a[rel = "external"])
       9) 伪类选择器(a: hover, li:nth-child)

    继承性:

        可继承的(font-size,font-family,color,text-indent)

        不可继承的(border,padding,margin,width,height)

   优先级顺序:

  (1)优先级就近原则,同权重情况下样式定义最近者为准

  (2)载入样式以最后载入的定位为准

  (3)!important>id>class>tag

  (4)important比内联优先级高,但内联比id优先级高

 css3新增伪类

  (1)p:first-of-type 选择属于其父元素的首个p元素的每个p元素

  (2)p:last-of-type 选择属于其父元素的最后p元素的每个p元素

  (3)p:only-of-type 选择属于其父元素的唯一p元素的每个p元素

  (4)p:only-child 选择其属于其父元素的唯一子元素的每个p元素

  (5)p:nth-child(2) 选择属于其父元素的第二个子元素的每个p元素

  (6):enabled :disabled 控制表单控件的禁用状态

  (7):checked 单选框或复选框被选中

   css3新特性

  (1)css3实现圆角(border-radius),阴影(box-shadow)

  (2)对文字加特效(text-shadow),线性渐变(gradient),旋转(transform)

  (3)transform:rotate(9deg) scale(0.85,0.9) translate(0px,-20px) skew(-9deg,0); 旋转缩放定位倾斜

  (4)增加了更多的css选择器,多背景rgba

  (5)在css3中唯一引入的伪元素是::selection

  (6)媒体查询,多栏布局

  (7)border-image

         

猜你喜欢

转载自www.cnblogs.com/kugaoheng/p/9552174.html