《CSS样式》习题答案甄选_第1页
《CSS样式》习题答案甄选_第2页
《CSS样式》习题答案甄选_第3页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

PAGEPAGE9/9doc格式可编辑一、选择题CSS是( C )的缩写。ColorfulStyleSheetsComputerStyleSheetsCascadingStyleSheetsCreativeStyleSheets引用外部样式表的格式是(<stylesrc="mystyle.css">

《CSS样式》习题答案。B.<linkrel="stylesheet"type="text/css"href="mystyle.css">B.C.<stylesheet>mystyle.css</stylesheet>引用外部样式表的元素应该放在( C 。A.HTMLB.

文档的开始的位置文档的结束的位置Chead元素中D.body元素中内部样式表的元素是<style><css><script>

A 。元素中定义样式表的属性名是styleclassD.font

A 。下列( C )是定义样式表的正确格式。{body:color=black(body}body:color=blackbody{color:black}{body;color:black}下列( A )是定义样式表中的注释语句。/*注释语句*///注释语句//注释语句//‘注释语句如果要在不同的网页中应用相同的样式表定义,应该( C 。HTML的元素中定义样式表HTML的标记中定义样式表通过一个外部样式表文件定义样式表以上都可以样式表定义#title{color:red}表示( B 。网页中的标题是红色的idtitle的元素中的内容是红色的title的内容是红色的以上任意一个都可以10.样式表定义.outer{background-color:yellow}表示( B 。10.idouter的元素的背景色是红色的class=”outer”元素的背景色是红色的outer元素的背景色是红色的以上任意一个都可以光标移动文本框上方时,文本框边框的颜色就改变,这是因为激发了下列的(onFocusonMouseUponMousrOveronMousMOve下列属性哪一个能够实现层的隐藏?( C )display:falsedisplay:hiddendisplay:none

)事件。display:""下列选项中,不属于文本属性的是( D 。font-sizefont-styletext-alignfont-color页面上有一个按钮,同时定义好了一个类样式(按钮图片样式表c,那么使用( B以实现背景图片的改变。onMouseOver="className=btnPic"onMouseOver="this.className=btnPic"onMouseOver="this.style.className=btnPic"this.btn.style.className="btnPic"二、简答题1、什么是标记选择器并举例说明。CSS标记选择器就是声明哪些标记采用哪种CSS样式例如:h1{ color:red; font-size:25px;}2、什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义,用做html页面某标签的class属性值例如:.red{ color:red;font-size:18px }3、什么是ID选择器并举例说明。ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。例如:#bold{ font-weight:bold; }4、举例说明什么是行内式CSS样式。htmlstyleCSS代码直接写在其中。例如:<p正文内容</p>5、举例说明什么是内嵌式CSS样式。内嵌样式表就是将CSS写在<head>与</head>之间,并且用<style>和</style>标记进行声明。

)就可例如:<head><styletype=”text/css”>p{ color:#0000ff }</style></head>6、举例说明什么是链接式CSS样式。CSShtmllinkCSS应用到本页面的样式使用方法。例如:<linkhref=”myCSS.csstype=”text/css7、举例说明什么是导入式CSS样式。importhtmlhtml文件内,作为文件的一部分,类似内嵌式的效果。例如:@importurl(sheet.css);8、什么是交集选择器,并举例说明。12ID选择器。例如:p.special{ color:red }9、什么是并集选择器,并举例说明。并集选择器或者称为“集体声明,它的结果是同时选中各个基本选择器所选择的范围例如:h1,h2,p{ color:purple; font-size:15px }10、什么是后代选择器,并举例说明。后代选择器的写法就是把外层的选择器名字写在前面,内层的选择器名字写在后面,之间用空格分隔。如:pspan{ color:red }11、在CSS中一个独立的盒子模型有哪几部分组成?内容、border(边框、padding(内边距)margin(外边距)12、举例说明什么是块级元素和行内元素?块级元素总是占据一个矩型区域,并且同级兄弟块依次竖直排列,左右撑满。例如:<ul>行内元素不占有独立的区域,并且同级元素之间横向排列,到最右端自动这行。例如:<a>13、解释一下div标签的作用<div>是一个区块容器标记,即<div>与</div>之间相当于一个容器,可以容纳段落、标题、表格、图片等各html元素。14、解释一下span标签的作用<span>标记和<div>一样,作为容器可以容纳各种html元素,但它是一个行内元素,在它的前后不会换行。15、解释盒子模型的float属性。float,也就是标准流通常的情况。如果将floatleft16、解释盒子模型的display属性。yy属性设为ee17、圆角框主要有哪几种制作方法?两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。18CSS两列布局、三列布局、多列布局。19、CSS布局方法与表格布局方法相比,有哪些优势?())()易于修改;(4)视觉一致(5)更易于被搜索引擎找到。20、使用CSS布局的网页应实现哪些要求?宽度使用多列布局,并保证页头和页脚正确显示;可以指定列宽度固定,其余列宽度自适应;html中,个列可以任意顺序排列,最终效果都正确显示。三、案例分析题1、解释以下CSS样式的含义。table{border:1px#333solid;font:12pxarial;width:500px

k}td,th{padding:5px;border:2pxsolid#EEE;border-bottom-color:#666;border-right-color: #666;}#333arial;表。#EEE,底部和右侧边框颜色特别设为#6662、解释以下CSS样式的含义。form{border:1pxdotted#AAAAAA;padding:3px6px3px6px;margin:0px;font:14pxArial;}select{width:80px;background-color:#ADD8E6;}设置表单边框宽度为1px,点划线,颜色为#AAAAAA,内上、右、下、左边距分别为:3px6px3px6px,外边距为0px,字体为14px大小的Arial字体。设置选择框宽度为80px,背景颜色为#ADD8E63、解释以下CSS样式的含义。input{color:#00008B;}input.btn{background-color:#ADD8E6;padding:1px2px1px2px;}设置input标签中字体颜色为#00008B;inputidbtn的按钮背景颜色设为#ADD8E6、、、2px4、解释以下CSS样式的含义。.rounded{background:url(images-notebook/left-top.gif) topleftno-repeat;}.roundedh2{background:url(images-notebook/right-top.gif) toprightno-repeat;padding:20px20px10px;margin:0;}定义类选择器.rounded:背景图像为left-top.gif,从左上角开始,不平铺定义后代选择器.roundedh2right-top.gif,从右上角开始,不平铺;内上、左右、下边距分别20px20px05、画出一个1-(1-2)+1)-1的布局结构示意图。6、画出一个1-(1+(3-1-2)-1的布局结构示意图。7CSS样式的含义。margin:0auto;width:85%;}#content{position:absolute;width:300px;}idheadercontainerdiv0auto,宽度为相对于父元素宽度的85%idcontentdiv300px8、解释以下CSS样式的含义。A:link{COLOR:#3333cc;TEXT-DECORATION:none}A:visited{COLOR:#990099;TEXT-DECORATION:none}A:active{COLOR:#ff0000;TEXT-DECORATION:underline}A:hover{COLOR:#3333cc;TEXT-DECORATION:underline}设置超链接样式:未操作时:颜色为#3333cc,无下划线;单击过后:颜色为#990099,无下划线;单击时:颜色为#ff0000,有下划线;悬停时:颜色为#3333cc,有下划线;9、写出下列要求的CSS样式表login_back.gif,并且背景图像垂直平铺。使用类选择器,设置按钮的样式,按钮背景图像:login_submit.gif;字体颜色:#FFFFFFF;字体大小:bold。body{background-image:url(img/login_back.gif);background-repeat:repeat-y;}.picButton{background-image:url(img/login_submit.gif);color:#FFFFFF;font-size:14px;font-weight:bold;margin:0px;b

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论