XHTML+CSS试题有答案
css考试题目模拟试题及答案

css考试题目模拟试题及答案CSS考试题目模拟试题及答案1. 以下哪个CSS属性用于设置文本的颜色?A. colorB. background-colorC. font-sizeD. text-align答案:A2. 如何在CSS中设置元素的边框为5像素的实线,颜色为蓝色?A. border: 5px solid blue;B. border: 5px dashed blue;C. border: 5px dotted blue;D. border: 5px double blue;答案:A3. 假设有一个类名为“highlight”的元素,以下哪个选择器是正确的?A. #highlightB. .highlightC. [highlight]D. highlight答案:B4. CSS中哪个属性用于控制元素的宽度?A. widthB. heightC. sizeD. dimension答案:A5. 如何在CSS中设置元素的背景图片?A. background-image: url('path/to/image.jpg');B. background: url('path/to/image.jpg');C. image: url('path/to/image.jpg');D. background-url: 'path/to/image.jpg';答案:A6. 在CSS中,哪个属性用于设置元素的行高?A. line-heightB. line-spacingC. line-gapD. text-height答案:A7. 如何在CSS中设置元素的文本为斜体?A. font-style: italic;B. font-style: oblique;C. font-style: slant;D. italic: true;答案:A8. CSS中哪个属性用于设置元素的外边距?A. marginB. paddingC. borderD. spacing答案:A9. 如何在CSS中设置元素的文本对齐方式为居中?A. text-align: left;B. text-align: center;C. text-align: right;D. align: center;答案:B10. CSS中哪个属性用于设置元素的内边距?A. paddingB. marginC. borderD. spacing答案:A。
2024年1月CSS二级等级考试真题(附答案+代码)

2024年1月CSS二级等级考试真题(附答案+代码)2024年1月CSS二级等级考试真题(附答案+代码)一、选择题(每题5分,共25分)1. CSS定义了哪些选择器?A. 类选择器B. ID选择器C. 属性选择器D. 以上都是答案:D2. 在CSS中,如何设置元素的字体大小?A. 使用`font-size`属性B. 使用`size`属性C. 使用`font`属性D. 使用`text-size`属性答案:A3. 如何设置元素的背景颜色?A. 使用`background-color`属性B. 使用`bgcolor`属性C. 使用`background`属性D. 使用`color`属性答案:A4. 如何设置元素的边框样式?A. 使用`border-style`属性B. 使用`border`属性C. 使用`border-width`属性D. 使用`border-color`属性答案:A5. 如何设置元素的水平对齐方式?A. 使用`text-align`属性B. 使用`align`属性C. 使用`horizontal-align`属性D. 使用`valign`属性答案:A二、填空题(每题5分,共25分)1. 在CSS中,设置元素宽度的属性是______。
答案:`width`2. 在CSS中,设置元素高度的属性是______。
答案:`height`3. 在CSS中,设置元素外边距的属性是______。
答案:`margin`4. 在CSS中,设置元素内边距的属性是______。
答案:`padding`5. 在CSS中,实现浮动布局的属性是______。
答案:`float`三、代码题(每题10分,共30分)1. 请写出一段CSS代码,实现一个红色背景、16px字体大小、居中对齐的div元素。
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>示例</title><style>.red-div {background-color: red;font-size: 16px;text-align: center;}</style></head><body><div class="red-div">这是一个红色背景的div元素</div> </body>2. 请写出一段CSS代码,实现一个宽度为300px,高度为200px,边框为1px solid black,圆角为10px的div元素。
css考试题和答案

css考试题和答案CSS考试题和答案一、单项选择题(每题2分,共20分)1. CSS中,以下哪个属性用于设置文本颜色?A. colorB. background-colorC. font-sizeD. text-align答案:A2. 在CSS中,以下哪个选择器用于选择ID为“header”的元素?A. #headerB. .headerC. [id='header']D. header答案:A3. CSS中,以下哪个属性用于设置元素的字体大小?A. font-sizeB. font-colorC. font-styleD. font-weight答案:A4. 在CSS中,以下哪个属性用于设置元素的背景图片?A. background-imageB. background-colorC. background-repeatD. background-position答案:A5. CSS中,以下哪个属性用于设置元素的边框宽度?A. border-widthB. border-styleC. border-colorD. border-radius答案:A6. 在CSS中,以下哪个属性用于设置元素的外边距?A. marginB. paddingC. borderD. outline答案:A7. CSS中,以下哪个属性用于设置元素的内边距?A. marginB. paddingC. borderD. outline答案:B8. 在CSS中,以下哪个属性用于设置元素的边框样式?A. border-styleB. border-widthC. border-colorD. border-radius答案:A9. CSS中,以下哪个属性用于设置元素的边框颜色?A. border-styleB. border-widthC. border-colorD. border-radius答案:C10. 在CSS中,以下哪个属性用于设置元素的圆角效果?A. border-styleB. border-widthC. border-colorD. border-radius答案:D二、多项选择题(每题3分,共15分)1. CSS中,以下哪些属性用于设置文本样式?()A. colorB. font-sizeC. background-colorD. text-align答案:ABD2. 在CSS中,以下哪些选择器用于选择类名为“container”的元素?()A. #containerB. .containerC. [class='container']D. container答案:BC3. CSS中,以下哪些属性用于设置元素的边框?()A. border-widthB. border-styleC. border-colorD. margin答案:ABC4. 在CSS中,以下哪些属性用于设置元素的布局?()A. displayB. positionC. floatD. width答案:ABC5. CSS中,以下哪些属性用于设置元素的对齐方式?()A. text-alignB. vertical-alignC. justify-contentD. align-items答案:ABCD三、填空题(每题2分,共20分)1. CSS中,用于设置文本字体的属性是 ________。
XHTML复习题

选择题(每题2分,共计100分)1. CSS的全称是()。
A. Computer Style SheetsB. Cascading Style SheetsC. Creative Style Sheets D. Colorful Style Sheets2. 在下列标签中不属于块状标签的是()。
A.<br> B.<p> C. <div> D. <hr>3. 以下代码片段符合XHTML1.0标准的是()。
A.<input type=text> B.<input TYPE=”text” >C.<input type=”text” disabled> D.< input type=”text” disabled=”disabled”>4. 下列HTML属性用来定义行内样式规则的是()。
A.style B.class C.font D.styles5. 下列选项中不属于CSS 文本属性的是()。
A.font-size B.text-transform C.text-align D.line-height6. 下列CSS语法规则正确的是()。
A.body:color=black B.{body;color:black}C.body {color: black} D.{body:color=black(body}7. 以下标签默认情况下能显示在同一行的是()。
A.<span> B.<li> C.<div> D.<a>8. 以下引用外部样式表正确的是()。
A.<stylesheet>mystyle.css</stylesheet>B.<style src="mystyle.css">C.<link rel="stylesheet" type="text/css" href="mystyle.css">D.<style href="mystyle.css">9. 以下代码片段中,属于绝对定位的是()。
CSS试题

A. <dir>B.<div>C.<dis>D.<dif>CSS一、单选题1. CSS 是利用( B)XHTML 标签构建网页布局。
2. 在 CSS 语言中下列哪一项是“左边框”的语法(C )3. 在下列 CSS 语言中( A )适用对象是“所有对象” 。
A.背景附件B.文本排列C.纵向排列D.文本缩进4. 下列( D)不属于 CSS 文本属性。
A.font-sizeB.text-transformC.text-alignD.line-height5. 下列哪一项是 CSS 正确的语法构成( C )A.body:color=blackB.{body;color:black}C.body{color:black}D.{body:color=black}6. 下面哪个 CSS 属性是用来改变背景颜色的( A )A.background-color:B.bgcolor:C.color:D.text:7. 怎样给所有的 <h1>标签添加背景颜色(B )A. .h1 { background-color:#ffff f }B. h1 { background-color;}C. h1.all { background-color:#ffffff }D.#h1 { background-color:#ffffff}8. 下列哪个 CSS 属性可以更改样式表的字体颜色(D )A.text-color=B.fgcolor:C.text-color:D.color:9. 下列哪个 CSS 属性可以更改字体大小( B )A.text-sizeB.font-sizeC.text-styleD.font-style10. 下列哪段代码能够定义所有 P 标签内文字加粗(D )A.<p style= ”text -size:blod ”>B.< p style= ”font -size:blod ”>C.p{ text-size:bold; }D.p{ font-weight:bold; } 11. 下面哪个方法可以去掉文本超链接的下划线(D )A. a{ text-decoration:no u nderline; }B. a{ underline:none; }C. a{ decoration:no u nderline; }D. a{ text-decoration:none; } 12. 下列哪个 CSS 属性能够更改文本字体(C )A.f;B.font=C.font-family:D.text-decoration:none;13. 下列哪个 CSS 属性能够设置文本加粗( A)A.font-weight:boldB.style:boldC.font:bD.font=14. 下列哪个 CSS 属性能够设置盒子模型的填充为 10、20、30、40、(顺时针方向) ( A )A.border-left-width:< 值> C. border-left:< 值 >B.border-top-width :<值>D. border-top-width:< 值>A.padding:10px 20px 30px 40pxB. padding:40px 30px 20px 10pxC.padding:10px 40px 30px 20pxD. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界( C )A.margin:B.indent:C.margin-left:D.text-indent: 16.( D )能够定义列表的项目符号为实心矩形。
html+css笔试附答案

html+css笔试附答案html+css满分:172考试时间:180分钟一、单选题(总分172,每小题1分)1、下列关于xhtml中的css样式表的说法正确的是()CSS样式表的基本选择器包括标记选择器、ID选择器、类选择器和后代选择器A和选择器cb、ss样式表仅具有继承性用于定义样式div.p{color:red;}div下应用P类标签的C、字体颜色红色、ID和D 选择器在CSS样式表中具有最高优先级。
正确答案:C2。
在以下选项中,页面布局模型以外的选项是()a、盒子模型b、层模型流动模型c、d、浮动模型正确答案:a3、以下不是float属性的是()a、左B、非C、右D、全部正确答案:d4、在css中,关于box的margin属性的叙述正确的是()边a和边距只能取一个值margin属性的参数有margin-left、margin-right、margin-top、b、 margin bottommc和argin属性的值不能是自动的md、argin属性的参数值不能全部设置成0px正确答案:b5.以下不属于该框的位置为()a、浮动定位b、盒子的流动定位c、盒子的页面定位d、position定位正确答案:C6。
在下面的代码片段中,属于静态定位的是()a、#bb{width:100px;position:relative}b、#bb{width:100px;position:sastic}c、#bb{width:100px;}#bb{width:100px;position:absolute}d、正确答案:a7、下列选项中,用来改变背景颜色的样式属性是()a、背景色B、背景色C、颜色d、backgroundcolor正确答案:A8。
在以下选项中,它是()a、空divb、悬停伪类选择器C、清除属性、溢出属性d正确答案:b9、background-repeat,默认效果是()a、背景未平铺b、背景图横向平铺c、背景图纵向平铺背景纵向和横向上平铺d、正确答案:D10。
XHTML-试题

--------------------------------------装--------------------------------------订------------------------------线---------------------------------------- 选择题(每题2分,共计100分)1.CSS的全称是()。
A. Computer Style SheetsB. Cascading Style SheetsC.Creative Style Sheets D.Colorful Style Sheets2.在HTML文档中,引用外部样式表文件的位置正确的是()。
A.在HTML文档的最后B.在body片断内C.在HTML文档的顶部D.在head片断内3.以下选项中,用来定义内嵌样式规则的是()。
A.<style> B.<css> C.<script> D.<link>4.下列HTML属性用来定义行内样式规则的是()。
A.style B.class C.font D.styles5.下列选项中不属于CSS 文本属性的是()。
A.font-size B.text-transform C.text-align D.line-height6.下列CSS语法规则正确的是()。
A.body:color=black B.{body;color:black}C.body {color: black} D.{body:color=black(body}7.下列选项中,用来改变背景颜色的样式属性是()。
A.background-color B.bgcolor C.color D.backgroundcolor 8.以下引用外部样式表正确的是()。
--------------------------------------装--------------------------------------订------------------------------线----------------------------------------A .<stylesheet>mystyle.css</stylesheet>B . <style src="mystyle.css">C .<link rel="stylesheet" type="text/css" href="mystyle.css">D .<style href="mystyle.css">9.以下选项中可以为所有H1定义背景颜色的是( )。
css第三天课后考试答案

答案说明分别是左右margin、左右边框、左右padding、width
4.请列出与盒模型垂直方向上布局有关的7大CSS属性。
答案margin-top、border-top、padding-top、height、padding-bottom、border-bottom、margin-bottom
2.有如下的HTML页面代码,请问,p标签中文字的行高是多少px,并简述理由。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>行高的继承</title>
<style type="text/css">
div{
font-size:12px;
A.:link;B.:focus;C.:before;D.:actived;
答案C
2.需要使用下面哪个链接伪类,向未被访问的链接添加特殊样式()
A.:hover;B.:link;C.:before;D.:active;
答案B
3.浏览器中一般情况下,默认的文字大小是()
A.12px;B.14px;C.16px;D.18px;
理由:p标签继承了父元素div中设置的缩放因子,因此p标签的行高是自身font-size*缩放因子,即30px * 1.5 = 45px。
答案说明使用数字设置的行高是一个缩放因子,子元素在继承缩放因子后,会根据自己的font-size*缩放因子来计算自身的line-height。
CSS综合练习50选择题(单、多)

CSS综合练习50选择题(单、多)CSS综合练习50选择题(单、多)基本信息: [矩阵文本题] [必答题]姓名:________________________学号:________________________班级:________________________1.CSS是利用()XHTML标签构建网页布局。
[单选题] [必答题] ○ A.○ B.(正确答案)○ C.○ D.2.在CSS语言中下列哪一项是“左边框”的语法() [单选题] [必答题] ○ A.border-left-width:<值>○ B.border-top-width:<值>○ C. border-left:<值>(正确答案)○ D. border-top-width:<值>3.在下列CSS语言中()适用对象是“所有对象”。
[单选题] [必答题] ○ A.背景附件(正确答案)○ B.文本排列○ C.纵向排列○ D.文本缩进4.下列()不属于CSS文本属性。
[单选题] [必答题]○ A.font-size○ B.text-transform○ C.text-align○ D.line-through(正确答案)5.下列哪一项是CSS正确的语法构成() [单选题] [必答题]○ A.body:color=black○ B.{body;color:black}○ C.body{color:black}(正确答案)○ D.{body:color=black}6.下面哪个CSS属性是用来改变背景颜色的() [单选题] [必答题]○ A.background-color:(正确答案)○ B.bgcolor:○ C.color:○ D.text:7.怎样给所有的标签添加背景颜色() [单选题] [必答题]○ A. .h1 { background-color:#ffffff }○ B. h1 { background-color; }(正确答案)○ C. h1.all { background-color:#ffffff }○ D. #h1 { background-color:#ffffff }8.下列哪个CSS属性可以更改样式表的字体颜色() [单选题] [必答题] ○ A.text-color=○ B.fgcolor:○ C.text-color:○ D.color:(正确答案)9.下列哪个CSS属性可以更改字体大小() [单选题] [必答题]○ A.text-size○ B.font-size(正确答案)○ C.text-style○ D.font-style10.下列哪段代码能够定义所有P标签内文字加粗() [单选题] [必答题] ○A.○ B.< p style=”font-size:blod”>○ C.p{ text-size:bold; }○ D.p{ font-weight:bold; }(正确答案)11.下面哪个方法可以去掉文本超链接的下划线()[单选题] [必答题]○ A. a{ text-decoration:no underline; }○ B. a{ underline:none; }○ C. a{ decoration:no underline; }○ D. a{ text-decoration:none; }(正确答案)12.下列哪个CSS属性能够更改文本字体() [单选题] [必答题]○ A.f;○ B.font=○ C.font-family:(正确答案)○ D.text-decoration:none;13.下列哪个CSS属性能够设置文本加粗() [单选题] [必答题]○ A.font-weight:bold(正确答案)○ B.style:bold○ C.font:b○D.font=”bold”14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)() [单选题] [必答题]○ A.padding:10px 20px 30px 40px(正确答案)○ B. padding:40px 30px 20px 10px○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界()[单选题] [必答题]○ A.margin:○ B.indent:○ C.margin-left:(正确答案)○ D.text-indent:16.()能够定义列表的项目符号为实心矩形。
html+css笔试附问题详解

<Style Type=”text/css”>P.firstp {color:red}</Style>
正确答案:B
21、
下列CSS语法规则正确的是()
A、
body:color=black
B、
{body;color:black}
C、
body {color: black}
D、
{body:color=black(body}
9、
background-repeat,默认效果是()
A、
背景图不平铺
B、
背景图横向平铺
C、
背景图纵向平铺
D、
背景纵向和横向上平铺
正确答案:D
10、
下列不属于浮动元素特征的是()
A、
浮动元素会被自动地设置为块状元素显示
B、
浮动元素在垂直方向上它与未被定义为浮动时的位置一样
C、
浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘
A、
<Style Type=”text/css”>P {color:red}</Style>
B、
<Style Type=”text/css”>#firstp {color:red}</Style>
C、
<Style Type=”text/css”>.firstp {color:red}</Style>
B、
盒子的流动定位
C、
盒子的页面定位
D、
Position定位
正确答案:C
6、
以下代码片断中,属于静态定位的是()
A、
#bb{width:100px;position:relative }
B、
#bb{width:100px;position:sastic }
Html-xhtml-css检测

HTML (12/20)1.HTML 指的是?您的回答:超文本标记语言(Hyper Text Markup Language)2.Web 标准的制定者是?您的回答:万维网联盟(W3C)3.在下列的 HTML 中,哪个是最大的标题?您的回答:<h1>4.在下列的 HTML 中,哪个可以插入折行?您的回答:<br>5.在下列的 HTML 中,哪个可以添加背景颜色?您的回答:<background>yellow</background>正确答案:<body bgcolor="yellow">6.请选择产生粗体字的 HTML 标签:您的回答:<b>7.请选择产生斜体字的 HTML 标签:您的回答:<i>8.在下列的 HTML 中,哪个可以产生超链接?您的回答:<a href="">W3School</a> 9.如何制作电子邮件链接?您的回答:<a href="xxx@yyy">正确答案:<a href="mailto:xxx@yyy">10.如何在新窗口打开链接?您的回答:<a href="url" target="new">正确答案:<a href="url" target="_blank">11.以下选项中,哪个全部都是表格标签?您的回答:<table><tr><td>12.请选择可以使单元格中的内容进行左对齐的正确 HTML 标签:您的回答:<td align="left">13.如何产生带有数字列表符号的列表?您的回答:<ol>14.如何产生带有圆点列表符号的列表?您的回答:<list>正确答案:<ul>15.在下列的 HTML 中,哪个可以产生复选框?您的回答:<input type="checkbox">16.在下列的 HTML 中,哪个可以产生文本框?您的回答:<input type="textfield">正确答案:<input type="text">17.在下列的 HTML 中,哪个可以产生下拉列表?您的回答:<input type="dropdown">正确答案:<select>18.在下列的 HTML 中,哪个可以产生文本区(textarea)?您的回答:<input type="textarea">正确答案:<textarea>19.在下列的 HTML 中,哪个可以插入图像?您的回答:<img src="image.gif">20.在下列的 HTML 中,哪个可以插入背景图像?您的回答:<background img="background.gif">正确答案:<body background="background.gif">XHTML(15/20).XHTML 指的是?你的回答:无2.请判断以下说法是否正确:XHTML 是一个 Web 标准。
XHTML综合测试题

XHTML综合测试题1、样式是利用以下()标记构建网页布局A、<dir>B、<div>C、<dis>D、<dif>2、在CSS样式中下列哪一项是设置"左边框"的语法()A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>3、在CSS样式中下列哪一项适用所有对象()A、背景附件B、文本排列C、纵向排列D、文本缩进4、下列选项中不属于CSS文本属性的是()A、font-sizeB、text-transformC、text-alignD、line-height5、在CSS中不属于添加在当前页面的样式是()A、内联样式表B、嵌入式样式表C、行内样式表D、链接式样式表6、在CSS样式中,下列哪一项是设置列表样式图象的语法()A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>7、下列哪一项是正确的CSS样式规则语法()A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}8、下面哪个样式属性是用来更改背景颜色的( )A、background-color:B、bgcolor:C、color:D、text:9、怎样给所有的<h1>标签添加背景颜色()A、h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}10、下列哪个样式属性可以更改样式表的字体颜色( )A、text-colorB、fgcolor:C、text-color:D、color:11、下列哪个样式属性可以更改字体大小( )A、text-sizeB、font-sizeC、text-styleD、font-style12、下列哪段代码能够定义所有P标签内文字加粗()A、<p style="text-size:bold">B、<p style="font-size:bold">C、p {text-size:bold}D、p {font-weight:bold;}13、如何去掉文本超级链接的下划线( )A、a {text-decoration:no underline}B、a {underline:none}C、a {decoration:no underline}D、a {text-decoration:none}14、如何设置英文首字母大写( )A、text-transform:uppercaseB、text-transform:capitalizeC、样式表做不到D、text-decoration:none15、下列哪个样式属性能够更改文本字体( )A、f:B、font=C、font-family:D、text-decoration:none16、下列哪个样式属性能够设置文本加粗( )A、font-weight:boldB、style:boldC、font:bD、font-style:bold17、下列哪个样式属性能够设置盒模型的内补丁为10、20、30、40像素( )A、padding:10px 20px 30px 40pxB、padding:10px 1pxC、padding:5px 20px 10pxD、padding:10px18下列哪个属性能够设置盒模型的左侧外补丁( )A、margin:B、indent:C、margin-left:D、text-indent:19、定义盒模型外补丁的时候是否可以使用负值( )A、是B、否20、如何能够定义列表的项目符号为实心矩形( )A、list-type: squareB、type: 2C、type: squareD、list-style-type: square21、在CSS样式中下列哪些选项不是背景图像的属性()A、背景重复B、背景颜色C、纵向排列D、背景位置22、以下选择器类型不包括()A、超文本标记选择器B、类选择器C、标签选择器D、ID 选择器23、下列CSS文本样式属性中,文本对齐属性取值不包括()A、autoB、justifyC、centerD、right24、CSS样式下列padding复合属性不包括()A、填充B、上填充C、底填充D、左填充25、CSS样式中,盒子模型的属性不包括()A、borderB、marginC、paddingD、visible26、下面关于样式的说法不正确的是( )A、样式可以控制网页背景图片B、margin属性的属性值可以是百分比C、整个BODY可以作为一个BOXD、margin属性不能同时设置四个边的边距27、下面关于样式的说法不正确的是( )A、样式可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素28、边框样式可以包含的值包括:( )A、粗细B、颜色C、样式D、长短29、单击()会跳转到当前页面某个位置,却不会打开新的网页文件。
CSS试题

一、单项选择题(20 X 3= 60分)1、CSS是利用什么XHTML标记构建网页布局?()A<dir>B<div>C<dis>D<dif>2、在CSS语言中下列哪一项是"左边框"的语法?()A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>3、在CSS语言中下列哪一项的适用对象是"所有对象"?()A背景附件B文本排列C纵向排列D文本缩进4、下列选项中不属于CSS 文本属性的是()A.font-size B.text-transformC.text-align D.line-height15、在CSS 中不属于添加在当前页面的形式是()A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表5、在CSS语言中下列哪一项是"列表样式图象"的语法?()A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>6、下列哪一项是css正确的语法构成?()A、body:color=blackB、{body;color:black}C、body {color: black;}D.、{body:color=black(body}8、下面哪个CSS属性是用来更改背景颜色的?A.background-color:B.bgcolor:C.color:D、text:9、怎样给所有的<h1>标签添加背景颜色?()A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}10、下列哪个css属性可以更改样式表的字体颜色?A.text-color=B.fgcolor:C.text-color:D.color:11、下列哪个css属性可以更改字体大小?A.text-sizeB.font-sizeC.text-styleD.font-style12、下列哪段代码能够定义所有P标签内文字加粗?()A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}13、如何去掉文本超级链接的下划线?A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}14、如何设置英文首字母大写?A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none15、下列哪个css属性能够更改文本字体?A.f:B.font=C.font-family:D、text-decoration:none16.下列哪个css属性能够设置文本加粗?A.font-weight:boldB.style:boldC.font:bD.font=17.下列哪个css属性能够设置盒模型的内补丁为10、20、30、40(顺时针方向)?A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px18下列哪个属性能够设置盒模型的左侧外补丁?A.margin:B.indent:C.margin-left:D.text-indent:19.定义盒模型外补丁的时候是否可以使用负值?A.是B.否20、如何能够定义列表的项目符号为实心矩形?A.list-type: squareB.type: 2C.type: squareD.list-style-type: square二、填空2、改变元素的外边距用margin,改变元素的内填充用padding。
XHTML+CSS试题有答案

B display:inline D display:inline-block
(c )
34、解决 IE6 中 div 出现图片间隙问题的 Hack 是:(d ) A、将元素 img 转换为块元素 B、将元素 img 转换为块元素 C、将</div>与<img>元素写再一行上 D、以上都对
35.表格的真正作用是( b ). A. 网页排版布局 C.处理图像
26. 关于 text-indent 描述错误的是:(c) A. text-indent:20px; B. text-indent:-20px; C. text-indent:left; D.text-indent:2em;
28. 关于块状元素说法正确的是:(c) A. 快状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包 块 div\h1-h6\p\ul 等; B. 默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象; 默认情况下,块状元素会按顺序自上而下排列。
(b )
B float:center D float:none;
13、为了解决浮动双倍间距问题,我们可以在相应元素上添加 ( c )
A float:left;
B display:block;
C display:inline;
D margin:0;
14、以下哪种现象在 FF2.0 中会存在:(c) A 双倍边距的问题 B 图片间隙的问题 C 父元素不能自适应子元素高度 D 以上说法都不对
姓名
2、以下是<!DOCTYPE>元素作用的是(a ) A、该元素用来定义文档类型 B、该元素用来声明命名空间 C、该元素用来向搜索引擎声明网站关键字 D、该元素用来向搜索引擎声明网站作者
XHTMLCSS考试试题答案

•选择 1. 表示放在每个定义术语词之前的 XHTML 弋码是(A )2.如何在新窗口中打开链接? ( D )A.混合分框B.纵向分框C. 横向分框D.任意分框4.框架中“不可改变大小”的语法是下列哪一项(B )A. <img src="URL" border=?>B. <cen ter></ce nter>C. <address></address>D. <frame no resize>•简答1. 如何由页面底部快速跳到页面的顶部 ?插下锚标签2. 如何给文字连接加上文字提示?alt= ””4.如何让所有链接在框架的同一指定窗口打开?XHTML+CSS 考试题姓名:批次: 分数:A. <dl></dl>B. <dt></dt>C. <dd></dd>D. <ol></ol>A. <a href= ” #” new>B. <a href=” #” target= ” _blank ” >C. <a href= ” #” target=_self ” ></a> D. <a href= ” #” target= blank ” ></a>3. vframeset rows=#>是用来指定什么的? C5.A.display:i nlineB.display: noneC. display:blockdisplay:i nherit6.不换行必须设置( A )A.word-breakB.l etter-spac ingC.white-spaced-spaci ngD.D.worA.<span class="heading"> 文章标题 </span>B.<p><b>文章标题</b></p> C. <h1>文章标题 </h1>D.<strong> 文章标题 </strong>3.如何让所有页面共享同一个层叠样式表 (CSS)?<link href= ”” >F 列哪个样式定义后 ,内联(非块状)元素可以定义宽度和高度 ( A )7.选出你认为最合理的定义标题的方法 (C5. 图片加链接后有浏览器默认的边框,如何消除?设置边框等于06. 将以下CSS代码进行缩写,注意要符合缩写的规范。
css题库(含答案)

css题库(含答案) tip:<为<单选题1.页⾯上的div标签,其HTML结构如下:<div id="father"><p class="son" id="son">传智播客</p></div>对应的CSS样式代码如下:#father #son{color:red;}#father p{color:blue;}div .son{color:yellow;}div p{color:green;}那么,⽂字的颜⾊将显⽰为( A )A、红⾊B、蓝⾊C、黄⾊D、绿⾊2.text-transform属性⽤于控制英⽂字符的⼤⼩写。
下列选项中,不属于其属性值的是( B )A、capitalizeB、line-throughC、lowercaseD、uppercase3.下列选项中,属于并集选择器书写⽅式的是(h1.p{})A、h1 p{}B、h1_p{}C、h1,p{}D、h1-p{}4.下列选项中,符合标签指定式选择器的写法要求的是( A )A、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为class选择器或id选择器,两个选择器之间不能有空格。
B、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为class选择器或id选择器,两个选择器之间必须有空格。
C、由两个选择器构成,其中第⼀个为标记选择器,第⼆个必须为class选择器,两个选择器之间不能有空格。
D、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为id选择器,两个选择器之间必须有空格。
5.页⾯上的div标签,其HTML代码为<div id="box" style="color:red">⽂字</div>,为其设置CSS样式如下:#box{color:blue;}那么,⽂字的颜⾊将显⽰为 ( B? )A、红⾊B、蓝⾊C、⿊⾊D、以上选项都不正确6.使⽤CSS时,需要遵从⼀定的规范。
XHTML+CSS试题有答案

学院班级姓名一、单项选择题(每套20题,每题2分,共40分)1、关于web标准以下说法错误的是(b )A、Web标准是一个复杂的概念集合,它由一系列标准组成B、这些标准全部都由W3C起草与发布C、Web标准可以分为3个方面D、Web标准里的表现标准语言主要包括CSS2、以下是<!DOCTYPE>元素作用的是(a )A、该元素用来定义文档类型B、该元素用来声明命名空间C、该元素用来向搜索引擎声明网站关键字D、该元素用来向搜索引擎声明网站作者3、以下可将一对象的背景色透明度改为80%的声明是:(d )A、filter:alpha:(opacity=80);B、filter:alpha: opacity=80;C、filter:alpha:(opacity:80);D、filter:alpha(opacity=80);4、以下选项中,可以解决超链接访问过后hover样式不出现问题的是:(b )A、重新书写关于连接状态的CSS样式B、改变关于链接状态的CSS属性排列顺序: L-V-H-AC、将关于链接状态的CSS属性全部写再a中D、以上说法都不对5、阅读以下代码:<style type="text/css">body {margin:0}div {float:left;margin-left:10px;width:200px;height:200px;border:1px solid red }</style>解析正确的是:(C )A、浮动后外边距10px,但FF解释为20pxB、浮动后本来外边距20px,但IE解释为10px,解决办法是加上display:block;C、浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inlineD、以上说法都不对6、“滑动门技术”的原理是(b )学院班级姓名A、命名锚点链接的作用B、使用背景图片位置滑动C、将a元素转换为块元素D、将span元素转换为块元素7、关于背景,以下描述错误的是:(c)A、background-img:B、background-img:C、background-widthD、background-attachment8、以下声明中,可以取消加粗样式的有( c )A font-weight:bolder;B font-weight:bold;C font-weight: normal;D font-weight:600;9、以下声明中,可以控制单词间距的是:( b )A letter-spacing:B word-spacing:C font-weight: normal;D font-weight:600;10、display属性的属性值共有:( a )A 18个B 4个C 6个D 12个11、XHTML基本元素类型不包括( d )A 块状元素B 内联元素C 可变元素D 浮动元素12、关于float描述错误的是( b )A float:left;B float:centerC float:rightD float:none;13、为了解决浮动双倍间距问题,我们可以在相应元素上添加( c )A float:left;B display:block;C display:inline;D margin:0;14、以下哪种现象在FF2.0中会存在:(c)A 双倍边距的问题B 图片间隙的问题C 父元素不能自适应子元素高度D 以上说法都不对15、外部样式表文件不可以由以下哪个标签导入(c)学院班级姓名A 、link B、import C、style16、以下标签哪个不是空标签:(d)Ameta B input C hr D form17、标签<p> 的对齐属性是:(b)A、style B 、align C、angle D、padding18、以下哪个选项是设置底边框的:(a)A、Border-bottomB、Border-topC、Border-leftD、Border-right19、以下关于CLASS和ID的说法,错误的是:(d)A、class的定义方法是:. 类名{样式};B、id的应用方法:<指定标签id="id名">C、class的应用方法:<指定标签class="类名">D、id和class只是在写法上有区别,在应用和意义上没有任何区别20、关于ID选择符说法错误的是: ( c )A ID选择符的语法格式是“#”加上自定义的ID名称B 当我们使用ID选择符时,应先为当前元素定义一个id属性,如:<div id="top"></div>C 选择符更适合定义类样式D 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的:(c)A、PaddingB、MarginC、positionD、display22.关于div以下描述正确的是( a ).A. div是类似于一行一列表格的虚线框B. div由行列形成的单元格构成,可执行合并拆分等操作C. 由div布局的网页结构与表现不分离D. div不要求我们严格css支持23.关于使用CSS以下说法错误的是( c )A. 选择符:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素.B. 选择属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性。
css试题及答案大全

css试题及答案大全CSS试题及答案大全1. 以下哪个选择器用于选择ID为"header"的元素?A. #headerB. .headerC. [id="header"]D. header答案:A2. CSS中,下列哪个属性用于设置文本颜色?A. colorB. font-colorC. text-colorD. text答案:A3. 如何在CSS中创建一个类选择器?A. #classB. .classC. [class="class"]D. class答案:B4. 如果你想改变一个段落的背景颜色,你应该使用哪个CSS属性?A. background-colorB. backgroundC. bg-colorD. color答案:A5. CSS中,哪个属性用于设置元素的边框样式?A. border-styleB. borderC. styleD. border-type答案:B6. 如何在CSS中设置元素的内边距?A. paddingB. marginC. spacingD. gap答案:A7. 以下哪个CSS属性用于设置元素的外边距?A. marginB. paddingC. borderD. space答案:A8. 如何在CSS中设置文本的字体大小?A. font-sizeB. text-sizeC. sizeD. font答案:A9. CSS中,哪个属性用于设置元素的宽度?A. widthB. sizeC. dimensionD. span答案:A10. 如何在CSS中设置元素的边框颜色?A. border-colorB. colorC. borderD. frame-color答案:A11. CSS中,哪个属性用于设置元素的边框宽度?A. border-widthB. widthC. borderD. frame-width答案:A12. 在CSS中,如何设置元素的字体样式?A. font-styleB. styleC. fontD. text-style答案:A13. 如何在CSS中设置元素的行高?A. line-heightB. heightC. lineD. spacing答案:A14. CSS中,哪个属性用于设置元素的文本对齐方式?A. text-alignB. alignC. textD. alignment答案:A15. 如何在CSS中设置元素的边框圆角?A. border-radiusB. roundC. curveD. circle答案:A16. CSS中,哪个属性用于设置元素的透明度?A. opacityB. transparentC. see-throughD. clear答案:A17. 如何在CSS中设置元素的背景图片?A. background-imageB. imageC. bg-imageD. img答案:A18. CSS中,哪个属性用于设置元素的背景颜色?A. background-colorB. colorC. backgroundD. bg-color答案:A19. 如何在CSS中设置元素的背景重复方式?A. background-repeatB. repeatC. bg-repeatD. pattern答案:A20. CSS中,哪个属性用于设置元素的背景大小?A. background-sizeB. sizeC. bg-sizeD. dimension答案:A。
css强化练习及参考答案

1、CSS是利用什么XHTML标记构建网页布局?〔〕A<dir>B<div>C<dis>D<dif>2、在CSS语言中以下哪一项为哪一项"左边框"的语法?〔〕A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>3、在CSS语言中以下哪一项的适用对象是"所有对象"?〔〕A背景附件B文本排列C纵向排列D文本缩进4、以下选项中不属于CSS 文本属性的是〔〕A.font-size B.text-transformC.text-align D.line-height5、在CSS语言中以下哪一项为哪一项"列表样式图象"的语法?〔〕A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>6、以下哪一项为哪一项css正确的语法构成?〔〕A、body:color=blackB、{body;color:black}C、body {color: black;}D.、{body:color=black(body}15、在CSS 中不属于添加在当前页面的形式是〔〕A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表8、下面哪个CSS属性是用来更改背景颜色的?A.background-color:B.bgcolor:C.color:D、text:9、怎样给所有的<h1>标签添加背景颜色〔〕A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}10、以下哪个css属性可以更改样式表的字体颜色?A.text-color=B.fgcolor:C.text-color:D.color:11、以下哪个css属性可以更改字体大小?A.text-sizeB.font-sizeC.text-styleD.font-style12、以下哪段代码能够定义所有P标签内文字加粗?〔〕A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}13、如何去掉文本超级链接的下划线?A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}14、如何设置英文首字母大写?A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none15、以下哪个css属性能够更改文本字体?A.f:B.font=C.font-family:D、text-decoration:none16.以下哪个css属性能够设置文本加粗?A.font-weight:boldB.style:boldC.font:bD.font=17.以下哪个css属性能够设置盒模型的内补丁为10、20、30、40〔顺时针方向〕?A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px18以下哪个属性能够设置盒模型的左侧外补丁?A.margin:B.indent:C.margin-left:D.text-indent:19.定义盒模型外补丁的时候是否可以使用负值A.是B.否20、如何能够定义列表的工程符号为实心矩形?A.list-type: squareB.type: 2C.type: squareD.list-style-type: square二、编程题1、把加上css 变成下面效果注意css布局。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
学院
C. 自定义列表 D. 公用列表
班级
姓名
40、关于 ID 选择符说法错误的是:c A. ID 选择符的语法格式是"#"加上自定义的 ID 名称 B. 当我们使用 ID 选择符时,应先为当前元素定义一个 id 属性,如:<div C. 选择符更适合定义类样式 D. 一个 id 名称只能对应于文档中一个具体的元素对象
(b )
B float:center D float:none;
13、为了解决浮动双倍间距问题,我们可以在相应元素上添加 ( c )
A float:left;
B display:block;
C display:inline;
D margin:0;
14、以下哪种现象在 FF2.0 中会存在:(c) A 双倍边距的问题 B 图片间隙的问题 C 父元素不能自适应子元素高度 D 以上说法都不对
6、 “滑动门技术”的原理是(b ) 第 1 页 共 15 页
广告学院 web 前端开发(上下)试卷
学院
班级
A、命名锚点链接的作用 B、使用背景图片位置滑动 C、将 a 元素转换为块元素 D、将 span 元素转换为块元素
姓名
7、关于背景,以下描述错误的是: (c) A、background-img: B、background-img: C、background-width D、background-attachment
20、关于 ID 选择符说法错误的是: ( c ) A ID 选择符的语法格式是“#”加上自定义的 ID 名称 B 当我们使用 ID 选择符时,应先为当前元素定义一个 id 属性,如:<div C 选择符更适合定义类样式 D 一个 id 名称只能对应于文档中一个具体的元素对象
id="top"></div>
C font-weight: normal;
D font-weight:600;
10、display 属性的属性值共有: ( a )
A 18 个
B 4个
C 6个
D 12 个
11、XHTML 基本元素类型不包括
(d)
A 块状元素
B 内联元素
C 可变元素
D 浮动元素
12、关于 float 描述错误的是 A float:left; C float:right
B.显示数据 D.优化网站
36、关于 W3C 说法错误的是:d A.自从 Web 诞生以来,Web 的每一步发展、技术成熟和应用领域的拓展,都离不开成立于 1994 年 10 月的 W3C(World Wide Web Consortium,万维网联盟)的努力; B.W3C 是专门致力于创建 Web 相关技术标准并促进 Web 向更深、更广发展的国际组织。 C.Tim Berners-Lee 这位 Web 的先驱联合 CERN、DARPA 和欧盟倡导并组织成立了 Web 的核心技术机 构--W3C。 D.到目前为止,W3C 已开发了超过 100 个规范(草案)。这些规范(草案)包括人们早已、耳熟能详的 HTML、HTTP、URIs、XML 等,也包括针对语义 Web 的 RDF、OWL 等。
23.关于使用 CSS 以下说法错误的是( c ) A. 选择符:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元 素. B. 选择属性:属性是指定选择符所具有的属性,它是 css 的核心,css2 共有 150 多个属性。 C. 定义属性值 :属性值是指数值加单位,如 25px。 D. 每个 CSS 样式都必须由两部分组成:选择符 Selector 和声明 Declaration。
(d )
30. 关于 CSS 为什么会出现 Bug 说法不正确的是: A、CSS 作为表现标准语言,需要在不同浏览器中实现表现层统一 B、各大主流浏览器由于不同厂家开发,所有的核心构架和代码也很难重和 C、 各大厂商处于自身利益而设种种技术壁垒 D、网页设计师定义的命名空间不一样 31.CSS 样式文件的类型不包括 A、内部样式表 B、内联样式表 C、外部样式表 D、包含样式表
44、关于 div 以下描述正确的是 a A. div 是类似于一行一列表格的虚线框 B. div 由行列形成的单元格构成,可执行合并拆分等操作 C. 由 div 布局的网页结构与表现不分离 D. div 不要求我们严格 css 支持
45、关于块状元素说法不正确的是:C A. 块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包
24.包含选择符的语法是( a ) A. 选择符 1 和选择符 2 之间用空格隔开。含义就是所有选择符 1 中包含的选择符 2。 B. “#”加上自定义的 ID 名称。
第 3 页 共 15 页
广告学院 web 前端开发(上下)试卷
学院
C. “.”加上自定义的类名称 D. 用英文逗号分隔
班级
姓名
25. 要将文本字体设置为“Times New Roman”和“Arial”语法格式正确的是:(a) A.font-family: Times New Roman, Arial; B. font-family: “Times New Roman”, “Arial”; C. font-family: “Times New Roman”, Arial; D. “font-family: Times New Roman” Arial;
id="top"></div>
41、关于 XHTML 基本语法说法错误的是 c A. 在文档开始要定义文档类型 B. 在根元素中应声明命名空间 C. 所有标签需闭合的,空标签要加" \"来关闭 D. 所有属性值必须用""括起来
42、哪个 HTML 属性可用来定义内联样式 d A. font B. class C. styles D. style 43、在 HTML 文档中,引用外部样式表的正确位置是 b A. 文档的末尾 B. <head>部分 C. 文档的顶部 D. <body>部分
4、以下选项中,可以解决超链接访问过后 hover 样式不出现问题的是:(b ) A、重新书写关于连接状态的 CSS 样式 B、改变关于链接状态的 CSS 属性排列顺序: L-V-H-A C、将关于链接状态的 CSS 属性全部写再 a 中 D、以上说法都不对
5、阅读以下代码: <style type="text/css">
body {margin:0} div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } </style> 解析正确的是:(C ) A、浮动后外边距 10px,但 FF 解释为 20px B、浮动后本来外边距 20px,但 IE 解释为 10px,解决办法是加上 display:block; C、浮动后本来外边距 10px,但 IE 解释为 20px,解决办法是加上 display:inline D、以上说法都不对
B 、align
C、 angle
D、 padding
18、 以下哪个选项是设置底边框的:(a) A、Border-bottom B、Border-top C、Border-left
D、Border-right
19、以下关于 CLASS 和 ID 的说法,错误的是:(d) A、class 的定义方法是: . 类名 {样式}; B、id 的应用方法:<指定标签 id="id 名"> C、class 的应用方法:<指定标签 class="类名"> D、id 和 class 只是在写法上有区别,在应用和意义上没有任何区别
广告学院 web 前端开发(上下)试卷
学院
班级
一、单项选择题 (每套 20 题,每题 2 分,共 40 分) 1、关于 web 标准以下说法错误的是( b ) A、Web 标准是一个复杂的概念集合,它由一系列标准组成 B、这些标准全部都由 W3C 起草与发布 C、Web 标准可以分为 3 个方面 D、Web 标准里的表现标准语言主要包括 CSS
C. 块状元素都不可以定义自己的宽度和高度。 D. 块状元素一般都作为其他元素的容器,它可以容纳其它内联元素和其它块状元素。我们可以把这 种容器比喻为一个盒子。
29.关于样式表的优先级说法不正确的是: A、直接定义在标记上的 css 样式级别最高 B、内部样式表次之 C、外部样式表级别最低 D、当样式中属性重复时,先设的属性起作用
(d) ( d)
第 4 页 共 15 页
广告学院 web 前端开发(上下)试卷
学院
班级
姓名
32、使用 link 元素调用 CSS 的语法中,以下哪个属性是用来指定 CSS 文件的路径的 ( c )
A url
B src
C href
D 以上都不对
33、以下声明,可以隐藏对象的是: A display:block C display:none
37、以下哪个标签不是空标签:d A. link B. input C. meta D. form
38、在 CSS 中,注释代码是 b A. <!----> B. /**/ C. // D. '
39、XHTML 中列表不包括 d A. 无序列表 B. 有序列表
第 5 页 共 15 页
广告学院 web 前端开发(上下)试卷
15、外部样式表文件不可以由以下哪个标签导入 (c) 第 2 页 共 15 页