




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、、选择题1.A.B.C.D.CSS是(C )的缩写。Colorful Style Sheets Comp uter Style Sheets Cascadi ngStyle Sheets Creative Style Sheets2.A.B.C.引用外部样式表的格式是( B )。mystyle.css3.A. HTML文档的开始的位置B. HTML文档的结束的位置C. 在head元素中D.引用外部样式表的元素应该放在在body元素中4.A.B.C.内部样式表的元素是( A)。5.A.B.C.D.元素中定义样式表的属性名是(styleclass styles fontA )。6.A.B.C.D.
2、下列( C )是定义样式表的正确格式。body:color=black(body body:color=black body color: black body;color:black7.A. /*注释语句B. /注释语句C. /注释语句D. 注释语句下列(A )是定义样式表中的注释语句。*/68ABCD如果要在不同的网页中应用相同的样式表定义,应该( 直接在 HTML 的元素中定义样式表在HTML的vheadB记中定义样式表 通过一个外部样式表文件定义样式表 以上都可以C )。9ABCD样式表定义 #title color:red 表示( B )。 网页中的标题是红色的网页中某一个 id 为
3、 title 的元素中的内容是红色的 网页中元素名为 title 的内容是红色的 以上任意一个都可以10 A B CD样式表定义 .outer background-color:yellow 表示( 网页中某一个 id 为 outer 的元素的背景色是红色的 网页中含有class=”outer”元素的背景色是红色的 网页中元素名为outer元素的背景色是红色的 以上任意一个都可以B )。47.光标移动文本框上方时,文本框边框的颜色就改变,这是因为激发了下列的 ( C )事件。A. onFocusB. onMouseUpC. onMousrOverD. onMousMOve48.下列属性哪一个能
4、够实现层的隐藏?(A. display:falseB. display:hiddenC. display:noneD. display: 49.下列选项中,不属于文本属性的是(A. font-size)。B. font-styleC. text-alignD. font-color50.页面上有一个按钮btn,同时定义好了一个类样式(按钮图片样式表btnPic),那么使用( B )就可以实现背景图片的改变。A. onMouseOver=className=btnPicB. onMouseOver=this.className=btnPicC. onMouseOver=this.style.cl
5、assName=btnPicD. this.btn.style.className=btnPic二、简答题1、什么是标记选择器并举例说明。CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如: h1 color:red;font-size:25px; 2、什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义,用做html页面某标签的class属性值。例如: .redcolor:red; font-size:18px 3、什么是 ID 选择器并举例说明。ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。例如: #bold font-weight:bold; 4、
6、举例说明什么是行内式 CSS 样式。行内式是直接对html的标记使用style属性,然后将CSS代码直接写在其中。 例如: 正文内容 5、举例说明什么是内嵌式 CSS样式。内嵌样式表就是将 CSS写在与间,并且用和v/style标 记进行声明。例如: p color:#0000ff 6、举例说明什么是链接式 CSS 样式。链接式CSS样式表是通过使用html链接文件标签link将外部CSS应用到本页面 的样式使用方法。例如: 7、举例说明什么是导入式CSS样式。采用 import 方式导入的样式表,在 html 文件初始化时,会被导入到 html 文件内, 作为文件的一部分,类似内嵌式的效果。
7、例如: import url(sheet.css);8、什么是交集选择器,并举例说明。 交集选择器是由两个选择器直接连接构成, 其结果是选中二者各自元素范围的交 集。其中第 1个必须是标记选择器,第 2个必须是类别选择器或者 ID 选择器。例如: p.special color:red 9、什么是并集选择器,并举例说明。并集选择器或者称为“集体声明” ,它的结果是同时选中各个基本选择器所选择 的范围。color:purple; font-size:15px例如: h1,h2,p 10、什么是后代选择器,并举例说明。内层的选择器名字写在后和margin (外边距)后代选择器的写法就是把外层的选择
8、器名字写在前面, 面,之间用空格分隔。例如: p span color:red11、在 CSS 中一个独立的盒子模型有哪几部分组成? content (内容)、border (边框)、padding (内边距)12、举例说明什么是块级元素和行内元素?块级元素总是占据一个矩型区域, 并且同级兄弟块依次竖直排列, 左右撑满。 例 如: 行内元素不占有独立的区域,并且同级元素之间横向排列,到最右端自动这行。 例如: 13、解释一下 div 标签的作用div是一个区块容器标记,即div与v/div之间相当于一个容器,可以容纳段 落、标题、表格、图片等各种 html 元素。14、解释一下span标签的作
9、用span标记和div 一样,作为容器可以容纳各种 素,在它的前后不会换行。html 元素,但它是一个行内元15、解释盒子模型的 float 属性。float属性默认为none,也就是标准流通常的情况。 left或right,元素会向其父元素的左侧或右侧靠近, 度不再伸展,而是收缩,根据盒子里面的内容的宽度来确定。如果将 float 属性的值设置为 同时默认情况下,盒子的宽16、解释盒子模型的 display 属性。display 属性用于确定盒子的类型。 display 属性设为 inline ,即为“行内”;设为 block,即为“块级”;设为none,即为“无”,也就是隐藏盒子。17、圆
10、角框主要有哪几种制作方法?两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。18、使用CSS主要有哪几种布局方式?两列布局、三列布局、多列布局。19、CSS布局方法与表格布局方法相比,有哪些优势?(1)页面载入更快;(2)降低网站流量费用; (3)易于修改; ( 4)视觉一致( 5)更易于被搜索引擎找到。20、使用CSS布局的网页应实现哪些要求?(1)(2)宽度使用多列布局,并保证页头和页脚正确显示; 可以指定列宽度固定,其余列宽度自适应; 在 html 中,个列可以任意顺序排列,最终效果都正确显示。案例分析题(3)81、解释以下 CSS 样式的含义。tableborder: 1p
11、x #333 solid; font: 12px arial;width: 500pxtd,thpadding: 5px;border: 2px solid #EEE; border-bottom-color: #666;border-right-color: #666;将表格边框宽度设为1px,颜色设为#333,边框为实线;表格中的字体大小设为 12px,字体类型为arial;表格宽度为500px。设置单元格和表头部分的样式:内边距为5px,边框宽度2px,实线,颜色为#EEE, 底部和右侧边框颜色特别设为 #666 2、解释以下 CSS 样式的含义。formborder:1px dotte
12、d #AAAAAA; padding:3px 6px 3px 6px; margin:0px;font:14px Arial; selectwidth:80px; background-color:#ADD8E6;设置表单边框宽度为1px,点划线,颜色为#AAAAAA,内上、右、下、左边距分别为:3px 6px 3px 6px,外边距为Opx,字体为14px大小的Arial字体。设置选择框宽度为80px,背景颜色为#ADD8E63、解释以下 CSS 样式的含义。inputcolor:#00008B;inpu t.bt nbackgrou nd-color:#ADD8E6;p add in g:
13、1 px 2px 1px 2px;设置input标签中字体颜色为#00008B;input标签中id属性为btn的按钮背景颜色设为#ADD8E6,内上、右、下、左边距分别设为1px、2pX、1px、2px4、解释以下CSS样式的含义。.roun ded backgro und: url(images-no tebook/left-t op .gif) top left no-rep eat;.roun ded h2 backgro und: url(images-no tebook/right-t op .gif) top right no-rep eat;paddi ng:20 px 20p
14、x 10p x;margi n:0;定义类选择器.rounded:背景图像为left-top.gif,从左上角开始,不平铺定义后代选择器.rounded h2:背景图像为right-top.gif,从右上角开始,不平铺; 内上、左右、下边距分别是 20px 20px 10px,外边距为06画出一个(1+( 3-1-2) -1的布局结构示意图。5、画出一个1- (1-2) +1) -1的布局结构示意图。1 11 11 1111 1111-7、解释以下 CSS 样式的含义。#header,#pagefooter,#containermargin:0 auto;width:85%;#contentp
15、osition:absolute;width: 300px;设置 id 属性为 header、pagefooter、container 的 div 层上下外边框为 0,左右外边框为auto,宽度为相对于父元素宽度的 85%设置id属性为content的div层为绝对定位,宽度为固定宽度 300px 8、解释以下 CSS 样式的含义。A:link COLOR: #3333cc; TEXT-DECORATION: none COLOR: #990099; TEXT-DECORATION: none COLOR: #ff0000; TEXT-DECORATION: underline COLOR:
16、#3333cc; TEXT-DECORATION: underline A:visited A:active A:hover 设置超链接样式: 未操作时:颜色为#3333cc无下划线; 单击过后:颜色为 #990099,无下划线; 单击时:颜色为# ffOOOO,有下划线; 悬停时:颜色为# 3333CC有下划线;9、写出下列要求的 CSS 样式表(1)设置页面背景图像为login_back.gif,并且背景图像垂直平铺。(2) 使用类选择器,设置按钮的样式,按钮背景图像:login_submit.gif;字体 颜色:#FFFFFFF;字体大小:14px;字体粗细:bold;按钮的边界、边框和填 充均为 Opx。body background-image:url(img/login_back.gif); background-repeat:repeat-y; .picButtonbackground-image:url(img/login_submit.gif); color:#FFFFFF;font-size: 14px;font-weight:bold;margin: 0px;border:0px;padding: 0px; 10、写出下列
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 业务合作进展与合同执行情况统计表
- 各行业用户画像展示表
- 软件开发集成测试服务合同
- 小学生课堂语言的规范与应用
- 农村合作社果树种植与管理合作协议
- 低空经济与5G技术的结合与发展
- 文件快递办理流程表格
- 电子商务法律法规及合规性研究报告
- 一个难忘的时刻叙事类文章7篇
- 商品分类标准列表
- 文员职业发展规划
- 地铁站保洁方案
- 干部履历表(中共中央组织部2015年制)
- 数学思想与方法-国家开放大学电大机考网考题目答案
- 病媒生物防制投标方案(技术标)
- 广东省广州市2023年中考物理试卷
- 新版机动车检测全部记录表格
- 数学教育概论 第3版
- 北师大版二年级数学下册《最喜欢的水果》教案及教学反思
- 饲料生产企业安全现场检查表
- 北京西城南区小学四年级下学期英语期末口试试卷
评论
0/150
提交评论