CSS的面试题有哪些

这篇文章主要介绍了CSS的面试题有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS的面试题有哪些文章都会有所收获，下面我们一起来看看吧。A、id选择器>标签选择器>类选择器B、标签选择器>类选择器>id选择器C、类选择器>标签选择器>id选择器D、id选择器>类选择器>标签选择器4个等级的定义如下：第一等：代表内联样式，如: style=””，权值为1000第二等：代表ID选择器，如：#content，权值为100第三等：代表类，伪类和属性选择器，如.content，权值为10第四等：代表类型选择器和伪元素选择器，如div p，权值为1A、#game .nameB、#game .name spanC、#game divD、#game div.name权重越大，优先级越高CSS选择器优先级是指基础选择器的优先级：A、语义化的HTML有利于机器的阅读，如PDA手持设备、搜索引擎爬虫；但不利于人的阅读B、Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格C、语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化D、header、article、address都属于语义化明确的标签解析：选D1、什么是HTML语义化？根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO ：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化A、Block ElementB、Square ElementC、Side ElementD、Box Element解析：选A块级元素免费云主机域名block element行内元素 inline element行内块元素inline-block elementA、文件头部位置B、文件尾C、标签部分D、标签部分解析：选Dhead部分中的JavaScripts会在被调用的时候才执行。body部分中的JavaScripts会在页面加载的时候被执行。A、visibility:hidden;所占据的空间位置仍然存在，仅为视觉上的完全透明；B、display:none;不为被隐藏的对象保留其物理空间；C、visibility:hidden;与display:none;两者没有本质上的区别；D、visibility:hidden;产生reflow和repaint（回流与重绘）；选A、Bvisiblity:看不见，摸的着.display:看不见，摸不着.display是dom级别的，可以渲染和重绘。visiblity不是dom级别的，不能重绘，只能渲染A、_selfB、_blankC、_topD、_parent解析：选B在html中通过标签打开一个链接，通过 标签的 target属性规定在何处打开链接文档。如果在标签中写入target属性，则浏览器会根据target的属性值去打开与其命名或名称相符的 框架或者窗口.在target中还存在四个保留的属性值如下，_black：在新窗口中打开被链接文档_self：默认。在相同的框架中打开被链接文档_ parent：在父框架中打开被链接文档_top：在整个窗口中打开被链接文档framename：在指定框架中打开被链接文档A、设置display:none后的元素只会导致浏览器的重排而不会重绘B、设置visibility:hidde后的元素只会导致浏览器重绘而不会重排C、设置元素opacity:0之后，也可以触发点击事件D、visibility:hidden的元素无法触发其点击事件解析：选A设置display:none后的元素会导致浏览器的重排重绘A、a:link {} a:visited {} a:hover {} a:active {}B、a:visited {} a:link {} a:hover {} a:active {}C、a:active {} a:link {} a:hover {} a:visited {}D、a:link {} a:active {} a:hover {} a:visited {}解析：选Aa:hover必须放在a:link和a:visited之后；a:active必须放在a:hover之后。A、fixed元素，可定位于相对于浏览器窗口的指定坐标，它始终是以 body 为依据B、relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间C、absolute 的元素，如果它的 父容器设置了 position 属性，并且 position 的属性值为 absolute 或者 relative，那么就会依据父容器进行偏移D、fixed 属性的元素在标准流中不占位置解析：选Babsolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位，元素的位置通过left、top、right、以及bottom属性进行规定fixed：生成绝对定位的元素，相对于浏览器窗口进行定位，元素的位置通过left、top、right以及bottom属性进行规定relative：生成相对定位的元素，相对于其正常位置进行定位，因此，left：20会向元素的LEFT位置添加20像素static：默认值，没有定位，元素出现正常的流中（忽略top，bottom，left，right或者z-index声明）inherit：规定应该从父元素继承position属性的值A、font-sizeB、colorC、font-familyD、border解析：选A、B、Cmargin padding border display 不可以继承A、清除该元素所有样式B、清除该元素父元素的所有样式C、指明该元素周围不可出现浮动元素D、指明该元素的父元素周围不可出现浮动元素解析：选C关于“CSS的面试题有哪些”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“CSS的面试题有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。

相关推荐: HTML与CSS经典的知识有哪些

本篇内容主要讲解“HTML与CSS经典的知识有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML与CSS经典的知识有哪些”吧!margin和padding属性——–用于添加元素周围的间距（顺时钟顺…