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: subheading; }
面试不仅仅是棘手的技术问题, 所以这些只是作为一个指南. 并不是每一个值得雇佣的“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开发人员.
Sean McCall
Freelance CSS Developer
Sean是一名高级开发人员,拥有广泛而多才多艺的技能,他在React中大量工作, React Native, and Node.js. 他具有企业家精神和中西部的职业道德,并与不同规模和范围的大量公司合作过. 他在软件架构方面有很强的理论和实践背景, UI design, DevOps, 商业咨询使他极有能力为任何规模的项目带来成功.
Show MorePhanindra Vallabhajosyula
Freelance CSS Developer
Phanindra使用Node结合了深厚的后端开发专业知识.从Vue和React的前端到AWS的DevOps的一系列技能. 这种经验使他能够构建可伸缩、安全和容错的应用程序. 对编程有热情,对细节有很强的关注, Phanindra努力超越客户期望,交付无bug的代码.
Show MoreToptal Connects the Top 3% 世界各地的自由职业人才.
Join the Toptal community.