2024年5月12日发(作者：伊朗)
【微职位】Web前端开发-CSS编程
【微职位】Web前端开发-CSS编程
1.【多选题】20分 | 要实现以下图示两个盒子的边距200px，以下
哪些做法可以做到？
A盒子1设置"padding-right:100px"，盒子2设置"padding-left:100px"
B盒子1设置"margin-right:100px"，盒子2设置"margin-left:100px"
C盒子1设置"padding-right:200px"
D盒子2设置"margin-left:200px"
2.【单选题】10分 | 关于块状元素，以下说法错误的是？
Ap、div、a元素默认便是块状元素
B块状元素具备盒子属性，独占一行
C若需要元素既能设置盒子属性，又能排列在一行，通过通过内联块
状元素实现
D可以通过display实现相互块状、内联、内联块状元素转换
3.【多选题】10分 | 如下图所示，通过a标签结合伪类选择器可以
制作导航栏，需要用到以下样式？
A 鼠标悬浮之后，字体和背景颜色变化，可通过以下代码实现
="a:hover{background-color: #3F3F3F;color: #D3D3D3;}"
B为导航按钮设置按钮大小，首先需要设置"display:block"
C通过"text-align:center"设置水平居中
D通过"line-heigth: 50px"设置垂直居中（50px等于导航栏的盒子高度）
1
4.【多选题】10分 | 根据以下图片，需要用到的字体样式有？
A"color:red"
B"font-weight"
C"font-size"
D"font-style"
5.【多选题】10分 | 以下文本样式图示案例中，哪些说法是正确的？
A样式1使用color属性
B样式2使用word-spacing属性，样式3使用letter-spacing属性
C样式6使用text-align属性
D样式7使用text-decoration属性
6.【多选题】10分 | 在CSS盒模型里面，将元素分为以下哪些类别？
A内联元素
B块状元素
C内联块状元素
D外联元素
7.【多选题】10分 | 关于CSS选择器，下面说法正确的有？
A类选择器可以使用在不同位置，而id选择器只能使用在一个位置
B通配符选择器 * ，可以将CSS应用在整个网页
C子选择器包括直系子元素，而后代选择器包括子、孙及其之后所有
级别的元素
D选择器"div，p" 与 "div p"都匹配所有的div和p元素
8.【多选题】10分 | 关于选择器"div h"与"divh"，下面说法正确的有？
2
A前者子选择器，后者是后代选择器
B前者是后代选择器，后者是子选择器
C前者选择div之后所有的h元素，后者选择div之后的h子元素
D前者选择div之后的h子元素，div之后所有的h元素
9.【多选题】10分 | 关于CSS，下面说法正确的有？
ACSS即样式层叠表，用于对HTML进行修饰
BCSS样式由选择器与样式声明组成
CCSS样式可以放在HTML网页内部或外部
D同一HTML元素只能设置一个CSS样式
3
2024年5月12日发(作者：伊朗)
【微职位】Web前端开发-CSS编程
【微职位】Web前端开发-CSS编程
1.【多选题】20分 | 要实现以下图示两个盒子的边距200px，以下
哪些做法可以做到？
A盒子1设置"padding-right:100px"，盒子2设置"padding-left:100px"
B盒子1设置"margin-right:100px"，盒子2设置"margin-left:100px"
C盒子1设置"padding-right:200px"
D盒子2设置"margin-left:200px"
2.【单选题】10分 | 关于块状元素，以下说法错误的是？
Ap、div、a元素默认便是块状元素
B块状元素具备盒子属性，独占一行
C若需要元素既能设置盒子属性，又能排列在一行，通过通过内联块
状元素实现
D可以通过display实现相互块状、内联、内联块状元素转换
3.【多选题】10分 | 如下图所示，通过a标签结合伪类选择器可以
制作导航栏，需要用到以下样式？
A 鼠标悬浮之后，字体和背景颜色变化，可通过以下代码实现
="a:hover{background-color: #3F3F3F;color: #D3D3D3;}"
B为导航按钮设置按钮大小，首先需要设置"display:block"
C通过"text-align:center"设置水平居中
D通过"line-heigth: 50px"设置垂直居中（50px等于导航栏的盒子高度）
1
4.【多选题】10分 | 根据以下图片，需要用到的字体样式有？
A"color:red"
B"font-weight"
C"font-size"
D"font-style"
5.【多选题】10分 | 以下文本样式图示案例中，哪些说法是正确的？
A样式1使用color属性
B样式2使用word-spacing属性，样式3使用letter-spacing属性
C样式6使用text-align属性
D样式7使用text-decoration属性
6.【多选题】10分 | 在CSS盒模型里面，将元素分为以下哪些类别？
A内联元素
B块状元素
C内联块状元素
D外联元素
7.【多选题】10分 | 关于CSS选择器，下面说法正确的有？
A类选择器可以使用在不同位置，而id选择器只能使用在一个位置
B通配符选择器 * ，可以将CSS应用在整个网页
C子选择器包括直系子元素，而后代选择器包括子、孙及其之后所有
级别的元素
D选择器"div，p" 与 "div p"都匹配所有的div和p元素
8.【多选题】10分 | 关于选择器"div h"与"divh"，下面说法正确的有？
2
A前者子选择器，后者是后代选择器
B前者是后代选择器，后者是子选择器
C前者选择div之后所有的h元素，后者选择div之后的h子元素
D前者选择div之后的h子元素，div之后所有的h元素
9.【多选题】10分 | 关于CSS，下面说法正确的有？
ACSS即样式层叠表，用于对HTML进行修饰
BCSS样式由选择器与样式声明组成
CCSS样式可以放在HTML网页内部或外部
D同一HTML元素只能设置一个CSS样式
3