首页 > Web开发 > 详细

CSS3面试题

时间:2020-03-08 15:56:18      阅读:93      评论:0      收藏:0      [点我收藏+]

1.隐藏网页中的元素有几种方式?这些方法有什么区别?

答案:三种方法.

display:none;脱离文档流,不占页面空间,会改变页面布局。

visivility:hidden;不会脱离文档流,不会改变页面布局,仍占页面空间。

opacity:0;该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定

一些事件,如click事件,那么点击该区域,也能触发点击事件.

 

2.如何解决子元素的上外边距溢出?

答案:在父元素的第一个子元素位置处添加一个空的table标记.

 

3.常用来设置透明度的方式有几种?他们之间有何区别?

答案:opacity和rgba

opacity能设置与元素相关各种颜色的透明度

rgba()只能设置当前某一种颜色的透明度.

 

4.浮动会对父元素的高度带来什么影响?如何解决这个问题?

答案:子元素一旦浮动,父元素的高度为0,在父元素最后一个子元素位置处

添加一个空的块级元素,并设置其clear属性为both.

.clear:after{ 

     display:block;

     content:"",

     clear:both;

}

 

5.哪些元素默认有外边距?

答案:body,p,h1-h6,ul,ol,dl,pre

 

6.网页中如何定义锚点?如何连接到锚点位置?

答案:a标记用name定义锚点,其他标记用id属性定义锚点.

连接到锚点的位置:href="#锚点名称";

 

7.框模型默认的计算方式是什么?要改变默认的计算方式用哪个属性及值?

实际占地宽度=左右外边距+左右边框+左右内边距+width

 

CSS3面试题

原文:https://www.cnblogs.com/sna-ling/p/12442659.html

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