HTML+CSS简答题总结

一、请简要描述一下什么是CSS。

CSS中文译为“层叠样式表”,主要是对HTML标记的内容进行更加丰富的装饰,并将网页表现样式与网页结构分离的一种样式设计语言。可以使用CSS控制HTML页面中的文本内容、图片外形以及版面布局等外观的显示样式。

二、请简要说明在使用font-family设置字体时,需要注意哪些问题

使用font-family设置字体时,需要注意以下问题:
1.各种字体之间必须使用英文状态下的逗号隔开;
2.中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英 文字体时,英文字体名必须位于中文字体名之前;
3.如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双 引号;
4.尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

三、请简要描述嵌套元素垂直外边距的合并。

对于两个嵌套关系的块元素,如果父标记没有上内边距及边框,则父标记的上外边距会与子标记的上外边距发生合并,合并后的外边距为两者中的较大者,即使父标记的上外边距为0,也会发生合并。

四、在考虑权重时需要注意哪些问题?

1.继承样式的权重为0。即在嵌套结构中,不管父标记样式的权重多大,被子标记继承时,它的权重都为0,也就是说子标记定义的样式会覆盖继承来的样式(子标记可以不继承)。
2.行内样式优先。应用style属性的标记,其行内样式的权重非常高,可以理解为远大于100。总之,它拥有比上面提到的选择器都大的优先级。
3.权重相同时,CSS遵循就近原则。也就是说靠近标记的样式具有最大的优先级,或者说排在最后的样式优先级最大。

五、简要描述一下类选择器和后代选择器。

类选择器使用“.”(英文点号)进行标识,后面紧跟类名,其基本语法格式如下:
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
上述语法中,类名即为HTML标记的class属性值,大多数HTML标记都可以定义class属性。类选择器最大的优势是可以为标记对象定义单独或相同的样式。

后代选择器用来选择某标记的后代标记,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。

六、请简要描述什么是外边距塌陷。

当上下相邻的两个块元素相遇时,如果上面的标记有下外边距margin-bottom,下面的标记有上外边距margin-top,则它们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。

七、请简要描述,background-position属性的取值方法。

(1)使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在标记中的坐标,例如“background-position:20px 20px;”。
(2)使用预定义的关键字:指定背景图像在标记中的对齐方式。
水平方向值:left、center、right
垂直方向值:top、center、bottom
(3)使用百分比:按背景图像和标记的指定点对齐。
0% 0% 表示图像左上角与标记的左上角对齐,50% 50% 表示图像50% 50%中心点与标记50% 50%的中心点对齐,20% 30% 表示图像20% 30%的点与标记20% 30%的点对齐,100% 100% 表示图像右下角与标记的右下角对齐,而不是图像充满标记,如果只有一个百分数,将作为水平值,垂直值则默认为50%。

八、请简要描述清除特殊浮动的方法。

(1)使用空标记清除浮动:在浮动标记之后添加空标记,并对该标记应用“clear:both”样式,可清除标记浮动所产生的影响,这个空标记可以是<div>、<p>、<hr />等任何标记。
(2)使用overflow属性清除浮动:对标记应用“overflow:hidden;”样式,也可以清除浮动对该标记的影响。另外,这种方式还弥补了空标记清除浮动的不足。
(3)使用after伪对象清除浮动:使用after伪对象也可以清除浮动,但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。

发布了38 篇原创文章 · 获赞 56 · 访问量 6565

猜你喜欢

转载自blog.csdn.net/weixin_43671437/article/details/103536686
今日推荐