Html-school
Html-school
学习通
第一章（html和css基础）
(单选题)W3C（英文World Wide Web Consortium的缩写），中文译为“万维网联盟”是（ ）。
- A. 国际最著名的标准化组织
- B. 欧洲计算机制造商协会
- C. 中国计算机行业协会
- D. 中国计算机学会
我的答案: A:国际最著名的标准化组织;正确答案: A:国际最著名的标准化组织;
(单选题)CSS的全称及中文译名分别是（ ）。
- A. Cading Style Sheet和层次样式表
- B. Cascading Style Sheet和层次样式表
- C. Cascading Style Sheet和层叠样式表
- D. Cading Style Sheet和层叠样式表
我的答案: C:Cascading Style Sheet和层叠样式表;正确答案: C:Cascading Style Sheet和层叠样式表;
(单选题)我们一般所用的工作区布局方式是（ ）。
- A. 经典
- B. 设计器
- C. 流体布局
- D. 编码器
我的答案: C:流体布局;正确答案: C:流体布局;
(单选题)次浏览器预览网页的快捷键是（ ）。
- A. F12
- B. Ctrl+F12
- C. F10
- D. F11
(多选题)Web标准并不是某一个标准，而是一系列标准的集合，主要包括（ ）。
- A. 结构标准
- B. 表现标准
- C. 行为标准
- D. 制作标准
我的答案: ABC:结构标准; 表现标准; 行为标准;正确答案: ABC
(多选题)HTML响应式 Web 设计（Responsive Web Design）是一种网络页面设计布局的方法,其作用是（）。
- A. 能够以可变尺寸传递网页
- B. 对于平板是必需的
- C. 对于移动设备是必需的
- D. 对于PC端是必需的
我的答案: ABC:能够以可变尺寸传递网页; 对于平板是必需的; 对于移动设备是必需的;正确答案: ABC:能够以可变尺寸传递网页; 对于平板是必需的; 对于移动设备是必需的;
第二章（html基础）
(单选题)以下方式哪个实现将水平线粗细设置为2，宽度设置为500px?
1 | A. <hr font-size="2" width="500px" /> |
我的答案: B
(单选题)如果想要使段落文本加粗倾斜，可以采用以下哪种方式？
1 | - A. <p><strong><em>一段文本</strong></em></p> |
我的答案: D
(单选题)将某段文本应用font标记设置为微软雅黑，16px，是设置font标记中哪两个属性？（）
- A. face font-size
- B. font-family font-size
- C. font-family size
- D. face size
正确答案: D
(单选题)HTML标记分为双标记和单标记，下面哪个选项中所有标记都属于单标记？（）
- A. 标题标记、图像标记、段落标记
- B. 段落标记、图像标记、换行标记
- C. 标题标记、换行标记、段落标记
- D. 图像标记、换行标记、水平线标记
我的答案: D:图像标记、换行标记、水平线标记;
(单选题)以下哪个不是 img/ 标记的属性？
- A. width
- B. size
- C. align
- D. border
我的答案: B:size;
(单选题)( )不属于元信息标记 meta/ 的属性。
- A. content
- B. http-equiv
- C. name
- D. url
我的答案: D
(单选题)以下方式哪个能实现将段落设置为居中对齐？（）
1 | - A. < p align="left">网页设计学院</p> |
我的答案: C;
(单选题)下列哪些不属于图像标记 img 的属性？（）
- A. vspace
- B. hspace
- C. color
- D. border
我的答案: C:color;
(单选题)文本”挥泪大甩卖，原价 260 ，现价 50 ！“中，“ 260 ”和“ 50“的效果可以用以下哪种方式实现？
- A.
26050 - B.
26050 - C. 260
50 - D.
26050
我的答案: D;
(多选题)以下哪个标记能实现文本加下划线效果？
1 | A. <s></s> |
我的答案: BC;
文本格式化标记
| 语义 | 标签 |
|---|---|
| 加粗 | < strong >< /strong >或者< b>< /b > |
| 倾斜 | < em >< /em >或者< i >< /i > |
| 删除线 | < del >< /del >或者< s >< /s > |
| 下划线 | < ins >< /ins >或者< u >< /u > |
(多选题)以下哪些属于 meta/ 标记可以定义的页面参数？
- A. 内容的描述
- B. 网页的刷新时间
- C. 网页的关键字
- D. 作者的姓名
我的答案: ACD:内容的描述; 网页的关键字; 作者的姓名;
(多选题)下面哪些是font标记的常用属性？
- A. color
- B. size
- C. align
- D. face
我的答案: ABD:color; size; face;
(多选题) img/ 标记中align的属性值有以下哪几个？
- A. top
- B. bottom
- C. middle
- D. center
- E. left
- F. right
我的答案: ABCEF:top; bottom; middle; left; right;
(判断题) font 标记中可以再包含一个 font 标记，这个说法对吗？
- A. 对
- B. 错
我的答案: 对
【多选题】color属性用于定义文本的颜色，其正确取值有以下哪些方式?（）
A、
red
B、
#FF0000
C、
rgb(255,0,0)
D、
rgb(100%,0%,0%)
我的答案：ACD？ABC？
第三章（css基础）
【单选题】标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，以下合法的标签指定式选择器有（）？
A、
h1.special
B、
p #one
C、
h1 #one
D、
p .special
我的答案：A
【单选题】下面（ ）属性代表边框是单实线？
A、
solid（单实线）
B、
dashed（虚线）
C、
dotted（点线）
D、
double（双实线）
正确答案： A :solid;我的答案：A
第四章（css盒模型）
计算
【单选题】假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的宽度是（）？
A、
240px
B、
256px
C、
210px
D、
226px
我的答案：B（实际上算出来应该是296px-40px=256px,不用加margin）
【单选题】假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子在网页中所占的高度是（）？
A、
106px
B、
146px
C、
176px
D、
90px
我的答案：C
【单选题】假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的高度是（）？
A、
136px
B、
106px
C、
90px
D、
120px
我的答案：A（不用加margin了）
【单选题】在普通文档流中（没有对元素应用浮动和定位），第一个盒子的下边距为20px，第二个盒子的上外边距为40px，则这两个盒子垂直间距是（ ）。
A、
60px
B、
20px
C、
40px
D、
其他
我的答案：A?
【单选题】当两个嵌套关系的块元素，设父元素无边框，上外边距为20px，子元素的上外边距为40px，在默认的情况下，父元素的上外边距为（ ）。
A、
20px
B、
40px
C、
60px
D、
其他
我的答案：A?
【单选题】当两个嵌套关系的块元素，设父元素无边框，上外边距为20px，子元素的上外边距为40px，当给父元素加上代码overflow:hidden;后，父元素的上外边距为（ ）。
A、
20px
B、
40px
C、
60px
D、
其他
我的答案：A
【多选题】如果希望嵌套块元素垂直外边距不合并，可以通过以下（ ）方法来解决这个问题。
A、
给父盒子加边框（border）
B、
给父盒子样式加上overflow:hidden代码
C、
无法解决
D、
其他
我的答案：AB
列表
【单选题】下面哪一项不是网页中常用的列表（ ）？
A、
无序列表
B、
有序列表
C、
排序列表
D、
定义列表
我的答案：C
【单选题】在CSS中，下面哪一项不属于list-style-position属性（ ）
A、
用于控制列表项目符号的图像
B、
其取值有inside和outside两种
C、
inside：列表项目符号位于列表文本以内
D、
outside：列表项目符号位于列表文本以外
我的答案：A
【单选题】下面关于list-style哪一项描述是错误的（ ）
A、
list-style是用于综合设置列表样式
B、
其语法格式：list-style:列表项目符号 列表项目符号的位置 列表项目图像
C、
各个样式之间以冒号隔开
D、
不需要的样式可以省略
我的答案：C
超链接
【单选题】设置text-decoration属性的删除线的值为（ ）
A、
underline
B、
overline
C、
line-through
D、
blink
我的答案：C
【单选题】下列选项中，用于清除超链接默认的下划线的是（ ）
A、
text-decoration:none
B、
text-decoration: underline
C、
text-decoration:overline
D、
text-decoration:line-through
我的答案：A
【单选题】下列选项中，属于“target”属性值的是（ ）
A、
_double
B、
_self
C、
_new
D、
_black
我的答案：B
target=”view_window”：用于多个链接去同一个新页面中打开；打开一个新页面，所有使用这个属性值的链接在新页面中替换方式显示；
target=”_blank”：用于每个链接在不同新空白页面中打开，互不影响；
target=”_self”：用于在当前页（或iframe）展示；
target=”_parent”：用于在上一级iframe中展示，没有就是当前页面；
target=”_top”：用于在最外层iframe中展示没有就是当前页面；
【单选题】有关伪类的说法不正确的是( )
A、
并不是真正意义上的类，它的名称是由系统定义的
B、
通常由标记名、类名或id名加“：”构成
C、
在CSS中，通过链接伪类可以实现不同的链接状态
D、
伪类就是以#定义的超链接
我的答案：D
表格
【单选题】以下标记中，用于定义一个单元格的是（ ）
1 | - A、 <caption>…</caption> |
我的答案：D
【单选题】使用 table 标记的属性美化表格时，可以通过( )控制单元格内容与边框之间的距离
A、
cellpadding
B、
cellspacing
C、
padding
D、
margin
我的答案：A
【单选题】行标记 tr 不具有的属性是（ ）
A、
align
B、
bgcolor
C、
background
D、
padding
我的答案：D
表单
【单选题】下列哪项不属于一个完整的表单所包含的信息是（ ）
A、
表单控件
B、
提示信息
C、
表格
D、
表单域
我的答案：C
【单选题】form与/form之间的表单控件是由用户自定义的。下列选项中，不属于表单标记form的常用属性的是（ ）
A、
action
B、
size
C、
method
D、
name
我的答案：B
【单选题】下列选项中，属于 textarea 标记的必须属性的是( )
A、
size
B、
row
C、
value
D、
cols
我的答案：B
第五章（css页面布局）
元素浮动
【单选题】float属性值不包括（ ）。
A、
left
B、
right
C、
none
D、
center
我的答案：D
定位
【单选题】在设置子元素定位时，一般需先设置父元素的定位模式为（ ），然后不需要设置其边偏移量。
A、
static
B、
relative
C、
absolute
D、
fixed
我的答案：B
【多选题】绝对定位是将元素依据最近的已经定位（ ）的父元素进行定位，若所有父元素都没有定位，则依据body根元素（即浏览器窗口）进行定位。
A、
绝对定位
B、
固定定位
C、
相对定位
D、
静态定位
我的答案：CD
实战
【单选题】当用定义列表dl标记定义新闻模块时，dt标记用于（ ）。
A、
标识词条
B、
标识解释
C、
表示列表元素
D、
表示父级元素
我的答案：A:标识词条;
【单选题】当用定义列表dd标记定义新闻模块时，dt标记用于（ ）。
A、
标识词条
B、
标识解释
C、
表示列表元素
D、
表示父级元素
我的答案：B
【单选题】从电脑科技网主体（content）的效果图中可以看出，分成（ ）部分。
A、
上、下两部分
B、
上、中、下三部分
C、
左、右两部分
D、
左、中、右三部分
我的答案：B
【单选题】请问电脑科技网采用的是（ ）方式进行布局。
A、
单列布局
B、
两列布局
C、
三列布局
D、
通栏布局
我的答案：D