css面试题

目录

面试题

1、列举 5 个以上的 H5 事件?

2、列举 5 个以上的 H5input 元素 type 属性值?

3、用 CSS3 做一个三角形?

4、CSS 中哪些属性可继承,哪些不可以?

5、CSS 单位中 px、em 和 rem 的区别?


面试题

面试题一:

1、列举 5 个以上的 H5 事件?

问题解答:

H5 事件

onblur:当失去焦点时运行脚本

onchange:当元素改变时运行脚本

onclick:当单击鼠标时运行脚本

ondrop:当被拖动元素正在被拖放时运行脚本

onended:当媒体已抵达结尾时运行脚本

onerror:当在元素加载期间发生错误时运行脚本

onfocus:当获得焦点时运行脚本

oninput:当元素获得用户输入时运行脚本

onkeydown:当按下按键时运行脚本(还没松开时就触发)

onkeypress:当按下并松开按键时运行脚本(必须经历按下、松开这一过程才触发) onkeyup:当松开按键时运行脚本(松开时即触发)

onload:当加载时运行脚本

onmousedown: 当按下鼠标按钮时运行脚本

onmousemove:当鼠标指针移动时运行脚本

onmouseout:当鼠标指针移出元素时运行脚本

onmouseover:当鼠标指针移至元素之上时运行脚本

onmouseup:当松开鼠标按钮时运行脚本

面试题二:

2、列举 5 个以上的 H5input 元素 type 属性值?

问题解答:

面试题三:

3、用 CSS3 做一个三角形?

问题解答:

 实现效果:

 

面试题四:

4、CSS 中哪些属性可继承,哪些不可以?

问题解答:

能继承的属性

1. 字体系列属性:font、font-family、font-weight、font-size、font-style;

2. 文本系列属性:

        2.1)内联元素:color、line-height、word-spacing、letter-spacing、 text-transform;         2.2)块级元素:text-indent、text-align;

3. 元素可见性:visibility

4. 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、 table-layout;

5. 列表布局属性:list-style

不能继承的属性

1. display:规定元素应该生成的框的类型;

2. 文本属性:vertical-align、text-decoration;

3. 盒子模型的属性:width、height、margin 、border、padding;

4. 背景属性:background、background-color、background-image;

5. 定位属性:float、clear、position、top、right、bottom、left、min-width、 min-height、max-width、max-height、overflow、clip;

面试题五:

5、CSS 单位中 px、em 和 rem 的区别?

问题解答:

        1、px 像素(Pixel)。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的,是一 个虚拟长度单位,是计算机系统的数字化图像长度单位

        2、em 是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字 体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。它会继承父级元素的字体大 小, 因此并不是一个固定的值

        3、rem 是 CSS3 新增的一个相对单位(root em,根 em),使用 rem 为元素设定字 体大小时,仍然是相对大小,但相对的只是 HTML 根元素

        4、区别: IE 无法调整那些使用 px 作为单位的字体大小,而 em 和 rem 可以缩放,rem 相对的只是 HTML 根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通 过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐 层复合的连锁反应。目前,除了 IE8 及更早版本外,所有浏览器均已支持 rem

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

面相进程,面相对象

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值