网站大量收购闲置独家精品文档,联系QQ:2885784924

2025年html5css3面试题及答案,前端面试题及答案-CSS篇 .pdfVIP

2025年html5css3面试题及答案,前端面试题及答案-CSS篇 .pdf

  1. 1、本文档共2页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

以铜为镜,可以正衣冠;以古为镜,可以知兴替;以人为镜,可以明得失。——《旧唐书·魏征列传》

html5css3⾯试题及答案,前端⾯试题及答案-CSS篇

这篇⽂章并不是最全的前端⾯试题(没有最全,只有更全),只是针对⾃⼰⾯试过程中遇到的⼀些难题、容易忽略的题做⼀个简单的笔记,⽅

便后⾯有⾯试需要的⼩伙伴们借鉴,后续内容会不定时更新,有错误之处希望⼤家不吝指出。

1、CSS3的新特性

实现圆⾓(border-radius)

阴影(box-shadow)

⽂字加特效(text-shadow)

线性渐变(gradient)

旋转(transform)

媒体查询,多栏布局

具体

2、CSS中link和@import的区别

link属于HTML标签,⽽@import是CSS提供的;

页⾯被加载的时,link会同时被加载,⽽@import引⽤的CSS会等到页⾯被加载完再加载;

import只在IE5以上才能识别,⽽link是HTML标签,⽆兼容问题;

link⽅式的样式的权重⾼于@import的权重.

3、介绍⼀下CSS的盒⼦模型

通过css3新增的属性box-sizing:content-box|border-box分别设置盒模型为标准模型(content-box)和IE模型(border-box)详细介绍

两种盒模型:标准W3C盒模型、IE盒模型。

区别对⽐:(注意蓝⾊背景区域⼤⼩)

标准盒模型元素宽度width=content=100px,⾼度计算相同

IE模型元素宽度width=content+2xpadding+2xborder=70px+2x10px+2x5px=100px。

4、CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS3新增伪类有那些?

选择符

1.id选择器(#myid)

2.类选择器(.myclassname)

3.标签选择器(div,h1,p)

4.相邻选择器(h1+p)

5.⼦选择器(ulli)

6.后代选择器(lia)

7.通配符选择器(*)

8.属性选择器(a[rel=external])

人人好公,则天下太平;人人营私,则天下大乱。——刘鹗

9.伪类选择器(a:hover,li:nth-child)

继承

1.可继承的样式:font-sizefont-familycolor,text-indent;

2.不可继承的样式:borderpaddingmarginwidthheight;

新增伪类

p:first-of-type选择属于其⽗元素的⾸个

元素。

p:last-of-type选择属于其⽗元素的最后

元素。

p:only-of-type选择属于其⽗元素唯⼀的

元素。

p:only-child选择属于其⽗元素的唯⼀⼦元素的每个

元素。

p:nth-child(2)选择属于其⽗元素的第⼆个⼦元素的每个

元素。

:enabled:disabled控制表单控件的禁⽤状态。

:checked单选框或复选框被选中。

优先级算法规则:优先级就近原则,同权重情况下样式定义最近者为准;

!importantidclasstag

important⽐内联优先级⾼,但内联⽐id要⾼

5、为什么要清除浮动?如何清除?

引起的问题:

(1)⽗元素的⾼度⽆法被撑开,影响与⽗元素同级的元素

(2)与浮动元素同级的⾮浮动元素会跟随其后

(3)若⾮第⼀个元素浮动,则该元素之前的元素也需要浮动,否则会影响页⾯显⽰的结构

解决⽅法:

1、利⽤clear清除浮动

.son{

clear:left|right|both|auto

}

2、在⽗元素后⾯额外添加标签

...

3、⽗元素上使⽤after伪类

#parent:after{

文档评论(0)

***** + 关注
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档