前端面试总结---CSS相关面试题

以你之姓@ 2022-09-25 10:18 284阅读 0赞

**css常用选择器有哪些？**

1.元素选择器

2.类选择器 class

3.ID选择器   id \#id

4.属性选择器  a\[href\]

5.后代选择器   h1 em 有一定层级结构

6.子元素选择器   h1>strong

7.相邻兄弟选择器    h1+p

8.  伪类   ：active（被选择的链接）   :focus  ：hover   :link(未被访问)   ：visited(被访问)

结构伪类： :first-child       :nth-child(n)   :last-child  :only-child

:first-of-type   :nth-type-of    :last-of-type  :only-of-type

:lang

9.伪对象选择器：  :checked  :enable  :disable

10.伪对象选择器：   ::first-letter   ::first-line   ::before  ::after  ::selection(元素被选择)

**id与class的区别？**  
id是唯一的，一个元素只能有一个，不能重复  
class可以重复

**div和span的区别？**  
2个都是用来划分没有实际语义的标签，差别在于div是块级元素，不会与其他元素在同一行，  
span是内联元素，可以与其他元素位于同一行

**常用浏览器的私有前缀是什么？**  
WebKit 内核    "-webkit"   苹果，谷歌，搜狐  
Gecko  内核    "-moz-"     火狐浏览器  
欧朋   内核    "-o-"       欧朋浏览器  
Trident 内核    "-ms-"     360，国内浏览器

CSS的颜色制式？  
1.直接写颜色名称  
2.RGB    rgb(0,0,255)  
3.HSL    HSL()  
4.RGBA   rgba(255,0,0,0.8)

HTML5的结构标签？  
<header><nav><aside><article><section><footer>

废除的HTML标签？  
<font><frame><center><big>

HTML5所支持的音频和视频格式？  
1.音频：wav,mp3,ogg  
4.视频：mp4,

CSS3的新特性是什么？  
1.选择器  
2.RGBA和透明度  
3.多栏布局   column-count  
4.多背景（背景颜色渐变）  
5.Word Wrap(允许长单词换行)  
6.文字阴影（text-shadow）  
7.@font-face属性（定义自定义文字）  
8.圆角(边框半径)（border-radius）  
9.边框图片（border-image）  
11. 盒阴影(box-shadow:x轴，y轴，长度，颜色)  
12.盒子大小  
13.媒体查询  <video>  
14.音频    <audio>

线条代码，实线，虚线？

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关前端浏览器/html/css 面试题总结

浏览器/html/css 面试题 1.什么是盒模型 2.行内元素有哪些？块级元素有哪些？行内元素和块级元素有什么区别？ 3.简述src和href的区别 4.什

淡淡的烟草味﹌/ 2023年02月21日 06:34/ 0 赞/ 132 阅读

相关 2021面试题——CSS面试题总结

css面试题总结 1.介绍一下标准的css的盒子模型，与低版本IE的盒子模型有什么不同？标准盒子模型：宽度=内容的宽度（content）+border+paddi

我不是女神ヾ/ 2023年01月15日 11:27/ 0 赞/ 293 阅读

相关前端面试总结——CSS

文章目录 1. 讲一讲CSS选择器的优先级？ css基本选择器有哪些？权重计算规则： css选择器优先级顺序

末蓝、/ 2022年11月14日 10:20/ 0 赞/ 358 阅读

相关 2021前端css面试题

1. 标准盒模型和ie盒模型 1. 标准盒模型：（content）+ border + padding 分开 2. ie盒模型：（content+border+pa

╰半夏微凉°/ 2022年10月23日 04:56/ 0 赞/ 274 阅读

相关【CSS】CSS面试题总结

1. 前言首先非常感谢慕课网双越老师对前端面试课程的细致讲解，本次学习完 CSS 章节面试题后，收获非常多技术细节上的问题，故做此总结，并在老师讲解的基础上进行适当

「爱情、让人受尽委屈。」/ 2022年10月11日 13:48/ 0 赞/ 243 阅读

相关前端基础：100道CSS面试题总结

前言 > CSS 是层叠样式表（Cascading Style Sheets）的简称。CSS 主要作用是美化网页、布局页面。CSS 规则主要由两个主要部分构成：选择器及一

你的名字/ 2022年10月06日 05:56/ 0 赞/ 311 阅读

相关前端面试总结---CSS相关面试题

css常用选择器有哪些？ 1.元素选择器 2.类选择器 class 3.ID选择器 id \id 4.属性选择器 a\[href\] 5.后代选择器 h

以你之姓@/ 2022年09月25日 10:18/ 0 赞/ 285 阅读

相关面试题——web前端面试总结

通过[近期面试][Link 1]（面试历程详见链接），对自己有一个更清晰的认识，现将遇到的面试题做出总结，希望可以给目前像我一样也正在找工作的你们一些建议吧，如下：

青旅半醒/ 2022年05月30日 10:28/ 0 赞/ 292 阅读

相关 Java 相关面试题总结

1、String 是最基本的数据类型吗? 不是。Java中的基本数据类型只有8个：byte、short、int、long、float、double、char、b

￡神魔★判官ぃ/ 2021年12月19日 03:21/ 0 赞/ 335 阅读

相关前端html+css面试题个人总结

1、对web标准以及W3C的理解和认识标签闭合、标签小写，不乱嵌套，使用外链css和js脚本，文件下载和页面加载速度更快，容易维护和修改，提高了网站易用性 2、xh

亦凉/ 2021年12月13日 19:51/ 0 赞/ 363 阅读