WEB设计阶段复习题二.docVIP

第十一章 简述CSS的好处？ 识别下面规则的不同部分：blockquote{line-height:1.5;} 选择器： 值： 属性： 声明： 3、当应用下列嵌入样式表到文档时，段落将变为什么颜色？为什么？ style type=”text/css” P{color:purple;} P{color:green;} P{color:color:gray;} /style 4、重写下列每个CSS例子，其中一些完全错误，一些可以效率更高。 a.p{font-face:sans-serif;} p{font-size:1em;} p{line-height:1.2em;} b.blockquote{ font-size:1em line-height: 150% color:gray} c.body {background-color:black;} {color:#666;} {margin-left: 12em;} {margin-right: 12em;} d.p{color: white;} blockquote{color: white;} li{color: white;} e.strong style=”red”Act now!/stronge. 5、将样式附加到文档中的方式有哪几种？并简要叙述每种方式的工作原理。 第十二章 1、利用下图中的图表，写出相应的样式规则，让下列说明中的每一个元素都显示为红色，例如文档中所有文本元素body{color:red;}。 （1）文档中所有文本元素 （2）h2元素 （3）h1元素和所有段落 （4）属于“special”类的所有元素 （5）“intro”块中的所有元素 （6）“main”块中的所有Strong元素 2、body{font-size:16px;} h1{font-size:1.5em;} 上面的定义使得h1的元素字体尺寸设定为（ ）像素。 第十三章 1、下面哪个不是在CSS中指定颜色为白色的方法？（ ） A.#FFFFFF B.rgb(FF,FF,FF) C.rgb(100%,100%,100%) D.white E.#FFF F. rgb(255,255,255) 2、背景色填充哪个区域？ A、内容后面的区域 B、内容周围添加的padding区域 C、边框下 D、边框周围的margin区域 E、以上所有 F、A和B G、A、B和C 3、将下面的伪类与它的目标元素配对。 a. a:link 1.已经点击过的链接 b. a:visited 2.突出并可输入的元素 c. a:hover 3.父元素的第一个子元素 d. a:active 4.鼠标指针在上面的元素 e. :focus 5.尚未访问的链接 f. :first-child 6.正在被点击的链接 4、引用外部样式表的方法有哪几种？并做简要描述。 第十四章 元素盒子的组件包括哪些？并说明每个组件对应盒子的那部分。 第十五章 关于浮动元素下列哪个说法不正确？ 所有浮动元素都表现为块元素 浮动元素倚着容器元素的填充边缘定位（只在边框内部） 内联元素在浮动元素周围流动，但元素盒子不变 必须给浮动元素提供width属性 下面哪个样式规则不准确？为什么？ img{float:left;margin:20px;} img{float:right;width:120px;height:80px;} img{float:right;right:30px;} img{float:left;margin-bottom:2em;} 如何保证“footer”div从浮动侧栏下方开始摆放。 写出与下列描述最匹配的定位方法名称（一个或多个）（static、relative、absolute或fixed） 相对于容器块定位元素。 从普通流中移除元素 相对于窗口定位元素 定位元素可能与其他内容重叠 在普通流中定位元素。 元素在普通流中占据的空间将被保留 元素在普通流中占据的空间将被关闭 你可以使用z-index改变堆积顺序 相对于普通流中的原始位置定位 5、计算基于下列样式规则的“sidebar”div元素盒子的宽度。 Div#sidebar{width：200px;