首页 > Web开发 > 详细

web前端—css面试题

时间:2018-06-13 12:38:19      阅读:130      评论:0      收藏:0      [点我收藏+]

1、CSS 选择符有哪些?

技术分享图片

2、CSS 优先级的选择过程?

优先级复合就近原则,同权重的情况下有限选择最近的属性。

载入样式的话是以最后载入的定位为准。

优先级:

!important > id > class > tag(important要优先于内联样式)

3、阐述一下CSS3的新增伪类。

技术分享图片

4、如何居中 div?如何居中一个浮动元素?如何让绝对定位的div居中?

div居中:给div一个宽度,然后添加margin: 0 auto;属性即可。

浮动元素居中:

技术分享图片

绝对定位的div居中:

技术分享图片

5、属性display 有哪些值?说明他们的作用。

技术分享图片

6、position 的值 relative 和 absolute 定位原理?

技术分享图片

7、用纯CSS 创建一个三角形的过程?

技术分享图片

8、li 与 li 之间有看不见的空白间隔如何形成的?相应的解决办法?

技术分享图片

9、为什么要初始化CSS样式?

因为浏览器的兼容性问题,不同的浏览器对某些标签有自己的默认值,如果没有实现css的初始化,也就是没有解决浏览器的兼容性问题,那么会造成页面在不同浏览器下显示差异的问题。

10、CSS3 有哪些新特性?

技术分享图片

我自己是一名从事了5年前端的老程序员,辞职目前在做讲师,今年年初我花了一个月整理了一份最适合2018年学习的web前端干货,从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理,送给每一位前端小伙伴,这里是小白聚集地,欢迎初学和进阶中的小伙伴。"

web前端资料学习群:618522268

技术分享图片

为了感谢大家的支持,今天我在这里统一说下吧,关注公众号:‘web前端EDU‘,就可以领取上全套视频学习资料!

web前端—css面试题

原文:https://www.cnblogs.com/gongyue/p/9176819.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!