码迷,mamicode.com
首页 > Web开发 > 详细

web前端—css面试题

时间:2018-06-13 15:22:18      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:dia   html   技术分享   class   www   显示   分享图片   auto   css样式   

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面试题

标签:dia   html   技术分享   class   www   显示   分享图片   auto   css样式   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!