5个重要的CSS面试问题 *
最好的CSS开发人员和工程师可以回答的全部基本问题. 在我们社区的推动下,我们鼓励专家提交问题并提供反馈.
Hire a Top CSS Developer NowInterview Questions
CSS盒模型是HTML元素的矩形布局范例,由以下内容组成:
- Content -显示文本和图像的框的内容
- Padding -内容周围的透明区域(例如.e.(边框与内容之间的空间)
- Border -围绕填充(如果有的话)和内容的边框
- Margin -边界周围的透明区域(例如.e.(边框与相邻元素之间的间距)
这些属性中的每一个都可以为元素的每一面独立指定(例如.e.(上、右、下、左)或更少的值可以指定应用于多个边. For example:
/*右上左下*/
Padding: 25px 50px 75px 100px;
/*所有4面相同的填充:*/
padding: 25px;
/* top/bottom padding 25px; right/left padding 50px */
padding: 25px 50px;
/* top padding 25px; right/left padding 50px; bottom padding 75px */
padding: 25px 50px 75px;
-
div, p
- Selects allelements and allelements
div p
- Selects all元素中的任何位置
elementdiv > p
- Selects all元素,其中直接父元素是
elementdiv + p
- Selects all元素后面紧接的元素
elementdiv ~ p
- Selects all的元素
element- cm - centimeters
- em - elements (i.e., relative to the font-size of the element; e.g.(2 em表示当前字体大小的2倍)
- in - inches
- mm - millimeters
- PC - picas (1pc = 12pt = 1/6英寸)
- Pt -点(1 Pt = 1/72英寸)
- Px -像素(1px = 1/96英寸)
Apply as a Freelancer申请加入Toptal的发展网络
并享受可靠、稳定、远程 Freelance CSS Developer Jobs
4.5.Given the following HTML:
Heading Title
Subheading Title
Subheading Title
Heading Title
Subheading Title
Heading Title
如何使用CSS实现以下自动编号:
1) Heading Title
1.1) Subheading Title
1.2) Subheading Title
2) Heading Title
2.1) Subheading Title
3) Heading Title以下CSS将实现这种类型的自动编号:
#page { counter-reset: heading; } h1:before { content: counter(heading)") "; counter-increment: heading; } h1 { counter-reset: subheading; } h2:before { content: counter(heading)"." counter(subheading)") "; counter-increment:副标题; }
面试不仅仅是棘手的技术问题, 所以这些只是作为一个指南. 并不是每一个值得雇佣的“A”候选人都能回答所有的问题, 回答所有问题也不能保证成为A级考生. At the end of the day, 招聘仍然是一门艺术,一门科学,需要大量的工作.
Why Toptal
Submit an interview question
提交的问题和答案将被审查和编辑, 并可能会或可能不会选择张贴, 由Toptal全权决定, LLC.
Looking for CSS Developers?
Looking for CSS Developers? 查看Toptal的CSS开发人员.
Giulia Cardieri
Giulia是一个富有创造力和注重细节的自由职业者,对前端开发和UI/UX设计充满热情. 她有超过六年的经验,为专业人士开发web应用程序, academic, and personal projects. julia是一个CSS爱好者,她总是在学习新的技术. 她善于沟通,重视同事之间的共鸣.
Show MoreSean McCall
Sean是一名高级开发人员,拥有广泛而多才多艺的技能,他在React中大量工作, React Native, and Node.js. 他具有企业家精神和中西部的职业道德,并与不同规模和范围的大量公司合作过. 他在软件架构方面有很强的理论和实践背景, UI design, DevOps, 商业咨询使他极有能力为任何规模的项目带来成功.
Show MorePhanindra Vallabhajosyula
Phanindra使用Node结合了深厚的后端开发专业知识.从Vue和React的前端到AWS的DevOps的一系列技能. 这种经验使他能够构建可伸缩、安全和容错的应用程序. 对编程有热情,对细节有很强的关注, Phanindra努力超越客户期望,交付无bug的代码.
Show MoreToptal Connects the Top 3% 世界各地的自由职业人才.
Join the Toptal community.