以下正确引用外部样式表的是()
A、 <stylesheet> mystyle.css </stylesheet>
B、<style src="mystyle.css"><br/> C、<link rel="stylesheet" href="1.css"><br/> D、<link rel="stylesheet" type ="text/HTML" href= "1.css"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>4、在CSS样式文件中注释正确的是()。<br/> A、// this is a comment//<br/> B、// this is a comment<br/> C、/* this is a comment */<br/> D、’this is a comment<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>5、关于CSS以下说法错误的是()。<br/> A、选择器表示要定义样式的对象,可以是元素本身,或者是一类元素<br/> B、属性是指定选择器所具有的属性<br/> C、属性值是指数值加单位,例如25px<br/> D、每个CSS样式必须由两部分组成,即选择器和样式声明<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>6、样式表的声明分为 ()<br/> A、选择符(selector)、块{}(block)、属性(properties)<br/> B、块里包含属性的取值(value)<br/> C、选择符(selector)和块{}(block)<br/> D、块里包含属性(properties)和属性的取值(value)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">CD</span></p><br/><br/><strong style="font-size:16px;">单元5 CSS3选择器</strong><br/><br/><strong style="font-size:16px;">单元5测验</strong><br/><br/>1、下列选项中,()是包含选择器的语法。<br/> A、选择器1和选择器2之间用空格隔开,含义是所有选择器1中包含的选择器2<br/> B、”#"加上自定义的id名称<br/> C、"."加上自定义的类名称<br/> D、用英文逗号分隔<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>2、选择具有attr属性且属性值以value开头的每个元素的属性选择器是().<br/> A、E1[attr^=value]<br/> B、E1[attr=value]<br/> C、E1[attr~=value]<br/> D、E1[attr|=value]<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>3、下列CSS语法规则中正确的是()<br/> A、body:color=black<br/> B、{body;color:black}<br/> C、body{color:black}<br/> D、{body:color=black}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>4、以下属于目标选择器的是()<br/> A、empty<br/> B、target<br/> C、nth-of-type<br/> D、only-child<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>5、下面说法正确的是()<br/> A、伪类可以直接定义并使用<br/> B、伪类选择元素是基于当前元素的内容<br/> C、伪元素可以对元素中的所有内容进行操作<br/> D、伪元素只应用于特定元素上<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>6、下面选择父元素的第1个子元素的是()<br/> A、E:nth-last-child(1)<br/> B、E:nth-child(1)<br/> C、E:last-child<br/> D、E:only-child<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>7、以下关于::after伪元素的说法正确的是()。<br/> A、::after伪元素在元素之后添加内容<br/> B、: :after 伪元素只能应用于超链接标签<br/> C、使用::after伪元素可能导致浮动元素塌陷<br/> D、::after 不可以在元素之后添加指定链接的文件内容<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>8、以下是CSS3新增伪类的是()<br/> A、· :nth-of-type(n)<br/> B、· :empty<br/> C、· :root<br/> D、· :not()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABCD</span></p><br/><br/><strong style="font-size:16px;">单元6 CSS3常用样式</strong><br/><br/><strong style="font-size:16px;">单元6测验</strong><br/><br/>1、在以下选项中,可以正确定义所有p的字体为bold的是().<br/> A、<p style="text-size:bold"><br/> B、<p style="font-size:bold"><br/> C、p{text-size:bold}<br/> D、p{font-weight:bold}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>2、下列关于样式表的优先级的说法不正确的是()。<br/> A、直接定义在标签上的CSS样式级别最高<br/> B、内部样式表次之<br/> C、外部样式表的级别最低<br/> D、当样式中的属性重复时,先设的属性起作用<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>3、在HTML中,CSS样式中文本属性的说法错误的是()<br/> A、font-weight用于设置字体的粗细<br/> B、font-family用于设置文本的字体类型<br/> C、color用于设置文本的颜色<br/> D、text-align用于设置文本的字体形状<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>4、实现背景图片不跟随鼠标滚动而滚动的属性是()<br/> A、background-attachment:fixed;<br/> B、background-attachment:scroll;<br/> C、background-origin: initial;<br/> D、background-clip: initial;<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>5、背景属性,下列说法中不正确的是()<br/> A、可以通过背景相关属性改变背景图片的原始尺寸大小<br/> B、可以对一个元素设置两张背景图片<br/> C、可以对一个元素同时设置背景颜色和背景图片<br/> D、在默认情况下背景图片会平铺,左上角对齐<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>6、选项中不属于CSS文本属性的是()<br/> A、font-size<br/> B、text-transform<br/> C、text-align<br/> D、line-height<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>7、式属性可以控制字体大小的是()<br/> A、text-size<br/> B、font-size<br/> C、text-style<br/> D、font-style<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>8、不是CSS3增加的背景属性的是()<br/> A、background-origin<br/> B、background-clip<br/> C、background-size<br/> D、background-attachment<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>9、关于CSS样式中文本属性的说法,错误的是()<br/> A、font-size 用来设置文本的字体大小<br/> B、font-family用来设置文本的字体类型<br/> C、color用来设置文本的颜色<br/> D、text-align 用来设置文本的字体形状<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>10、边框为双线表格,以下选项中正确的是()<br/> A、table (border: #000 3px double;}<br/> B、table{border: #000 3px solid;}<br/> C、td{border: #000 3px double;}<br/> D、td{border: #000 3px solid;}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>11、选项中,用来设置背景图像的起始位置的样式属性是().<br/> A、background-image<br/> B、background-repeat<br/> C、background-position<br/> D、background-url<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>12、声明中,可以取消加粗样式的是()。<br/> A、font-weight:bolder;<br/> B、font-weight:bold;<br/> C、font-weight:normal;<br/> D、font-weight:600;<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>13、关于text-indent,下列描述错误的是()。<br/> A、text-indent: 20px;<br/> B、text-indent:-20px;<br/> C、text-indent:left;<br/> D、text-indent:2em;<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>14、以下声明中,可以隐藏对象的是()。<br/> A、display:block<br/> B、display:inline<br/> C、display:none<br/> D、display:inline-block<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>15、关于box-shadow说法正确的是()<br/> A、设置文字投影<br/> B、第一个值是设置水平距离的<br/> C、第二个值是设置水平距离的<br/> D、第三个值是设置投影颜色的<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>16、设置盒子圆角的属性是()<br/> A、box-sizing<br/> B、box-shadow<br/> C、border-radius<br/> D、border<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>17、box-sizing的值有哪些()<br/> A、none<br/> B、border-box<br/> C、content-box<br/> D、padding-box<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">BC</span></p><br/><br/>18、下面图片定位分别对应的是哪个选项? background-position: 100% 50%; background-position: 0% 100%; background-position: 50% 50%;<br/> A、右中<br/> B、左中<br/> C、右上<br/> D、左下<br/> E、居中<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ADE</span></p><br/><br/>19、background是一个简写属性,可以包含以下哪几个属性?<br/> A、background-color<br/> B、background-position<br/> C、background-attachment<br/> D、background-repeat<br/> E、background-image<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABCDE</span></p><br/><br/><strong style="font-size:16px;">单元7 CSS布局定位</strong><br/><br/><strong style="font-size:16px;">单元7测验</strong><br/><br/>1、HTML中的元素可分为块状元素和行内元素,其中()是块状元素。<br/> A、<p><br/> B、<b><br/> C、<a><br/> D、<span><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>2、在下列标签中不属于块状元素的是()<br/> A、<br><br/> B、<p><br/> C、<div><br/> D、<hr><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>3、关于浮动,下列样式规则中不正确的是()<br/> A、img{float:left;margin:20px;}<br/> B、img{float:right;right:30px;}<br/> C、img{float:right;width:120px;height:80px;}<br/> D、img{float:left;margin-bottom:2em;)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>4、在以下代码片段中,属于绝对定位的是()<br/> A、#box {width:100px;height:50px;}<br/> B、#box {width:100px;height:50px;position:absolute;}<br/> C、#box {width:100px;height:50px;position:static;}<br/> D、#box (width:100px;height:50px;position:relative;}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>5、一个盒模型由4个部分组成,其中不包括()<br/> A、padding<br/> B、width<br/> C、border<br/> D、margin<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>6、下面关于盒模型定位的说法中错误的是()。<br/> A、静态定位表示块状元素保持在标准文档流中原来的位置,不做任何移动<br/> B、相对定位是相对于元素的原有位置进行偏移,不会脱离标准文档流,也不会 对其他元素产生任何影响<br/> C、绝对定位以最近的一个已定位的父级元素为基准,若无父级元素或父级元素 未定位,则以浏览器窗口为基准<br/> D、绝对定位不会脱离标准文档流,也不影响同一级元素的位置<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>7、下面的代码中包含()个BOX。 <div> 请查看<span>我的BLOG</span>,网址如下: <p>blog.163.com</p> </div><br/> A、3<br/> B、4<br/> C、1<br/> D、2<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>8、阅读下列代码片段,关于元素<div id= "b">定位的说法正确的是() <style> #a{width:400px;height:300px;border:1px solid red;float:right;} #b{width:100px;height:100px;border:1px solid blue; position: absolute;1eft:10px;top:10px;} </style>
A、相对于浏览器窗体的右上角进行位置偏移
B、相对于浏览器窗体的左上角进行位置偏移
C、相对于自身的位置进行位置偏移
D、相对于元素a的左上角位置进行位置偏移