1.如何产生带有正方形项目的列表（C）
A:type: square
B:type: 2
C:list-style-type: square
D:list-type: square
list-style-type 用于设置不同列表列表项的样式。
无序列表常使用：
ul {
list-style-type:circle; /* 每一项前都是圆圈 /
}
ul {
list-style-type:square; / 每一项前都是正方形 */
}
有序列表也可以用 list-style-type 来设置列表项
ol {
list-style-type:upper-roman; /* 每一项前面都是大写罗马数字 /
}
ol {
list-style-type:lower-alpha; / 每一项前都是小写字母 */
2.添加哪个属性可以使超出的文字部分变成”…”(B)
A:white-space: normal;
B:text-overflow: ellipsis;
C:overflow: hidden;
D:overflow: auto;
white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;
white-space: 属性设置如何处理元素内的空白
normal: 默认。空白会被浏览器忽略。
pre: 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
nowrap: 文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。
pre-wrap: 保留空白符序列，但是正常地进行换行。
pre-line: 合并空白符序列，但是保留换行符。
inherit: 规定应该从父元素继承 white-space 属性的值。
text-overflow: clip|ellipsis|string;
值 描述
clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。
overflow属性有以下值：
值 描述
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
3.下列那个样式定义后，可以让块元素呈递为内联对象（A）
A:display:inline
B:display:none
C:display:block
D:display:inherit
一、display:block
display:block就是将元素显示为块级元素，一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p。
二、display:inline
display:inline就是将元素显示为内联元素，内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“a”
三、display:inline-block
display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)
3.text-transform:capitalize是首字母大写
text-transfrom:lowercase是全部字母为小写
text-transfrom:uppercase是全部字母为大写
font-weight: bold;字体为粗体，
4.在HTML中嵌入PHP代码，有以下几种方法，其中错误的是（D ）
A:以”<?php开头，以“?>”结束，中间为PHP代码。
B:以 结束，中间为PHP操作代码
C:以“<?”开头，以“?>”结束，中间为PHP操作代码
D:以“<！”开头，以“！>”结束，中间为PHP操作代码
默认语法:<?php ... ?> 2.短标记:<? ... ?> 3.脚本: 4.asp风格:<% …%>
5.下列哪个不属于id与class之间的区别
正确答案: D 你的答案: D (正确)
A:id在文档中只能使用一次，而class可以多次使用
B;id比class具有更高的样式优先级
C:一个元素只能有一个id属性值，却可以拥有多个class属性值
D:在class中可以定义:hover伪类，在id中不能定义
伪类选择符E:hover的定义和用法:
设置元素在其鼠标悬停时的样式。
E元素可以通过其他选择器进行选择，比如使用类选择符、id选择符、类型选择符等等。
特别说明:IE6并非不支持此选择符，但能够支持a元素的:hover ，也就是只支持通过类型选择符选择的a元素的:hover
在样式表定义一个样式的时候，可以定义id也可以定义class。 1、在CSS文件里书写时，ID加前缀"#"；CLASS用"." 2、id一个页面只可以使用一次；class可以多次引用。 3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服； 4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
6优先级顺序：
！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
在这道题目：
对于span有两种种影响样式的方式，
(1)继承自父div的color
而对于color而言，它受到类选择器和一个内联样式的影响，并且在这个内联样式中又有一个！important，最为最高级影响 (！important>内联>类选择器)，这就使得div的颜色为red,而作为其子元素的span也应该继承自父元素的color
(2)标签选择器span
但比较这两种影响，（1）作为样式继承的优先级为0,（2）作为标签选择器的优先级为1，所以（2）的优先级以微弱优势高于（1），所以最终采用标签选择器定义的green
- 1.如何产生带有正方形项目的列表（C）
A:type: square
B:type: 2
C:list-style-type: square
D:list-type: square
list-style-type 用于设置不同列表列表项的样式。
无序列表常使用：
ul {
list-style-type:circle; /* 每一项前都是圆圈 /
}
ul {
list-style-type:square; / 每一项前都是正方形 */
}
有序列表也可以用 list-style-type 来设置列表项
ol {
list-style-type:upper-roman; /* 每一项前面都是大写罗马数字 /
}
ol {
list-style-type:lower-alpha; / 每一项前都是小写字母 */
2.添加哪个属性可以使超出的文字部分变成”…”(B)
A:white-space: normal;
B:text-overflow: ellipsis;
C:overflow: hidden;
D:overflow: auto;
white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;
white-space: 属性设置如何处理元素内的空白
normal: 默认。空白会被浏览器忽略。
pre: 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
nowrap: 文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。
pre-wrap: 保留空白符序列，但是正常地进行换行。
pre-line: 合并空白符序列，但是保留换行符。
inherit: 规定应该从父元素继承 white-space 属性的值。
text-overflow: clip|ellipsis|string;
值 描述
clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。
overflow属性有以下值：
值 描述
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
3.下列那个样式定义后，可以让块元素呈递为内联对象（A）
A:display:inline
B:display:none
C:display:block
D:display:inherit
一、display:block
display:block就是将元素显示为块级元素，一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p。
二、display:inline
display:inline就是将元素显示为内联元素，内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“a”
三、display:inline-block
display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)
3.text-transform:capitalize是首字母大写
text-transfrom:lowercase是全部字母为小写
text-transfrom:uppercase是全部字母为大写
font-weight: bold;字体为粗体，
4.在HTML中嵌入PHP代码，有以下几种方法，其中错误的是（D ）
A:以”<?php开头，以“?>”结束，中间为PHP代码。
B:以 结束，中间为PHP操作代码
C:以“<?”开头，以“?>”结束，中间为PHP操作代码
D:以“<！”开头，以“！>”结束，中间为PHP操作代码
默认语法:<?php ... ?> 2.短标记:<? ... ?> 3.脚本: 4.asp风格:<% …%>
5.下列哪个不属于id与class之间的区别
正确答案: D 你的答案: D (正确)
A:id在文档中只能使用一次，而class可以多次使用
B;id比class具有更高的样式优先级
C:一个元素只能有一个id属性值，却可以拥有多个class属性值
D:在class中可以定义:hover伪类，在id中不能定义
伪类选择符E:hover的定义和用法:
设置元素在其鼠标悬停时的样式。
E元素可以通过其他选择器进行选择，比如使用类选择符、id选择符、类型选择符等等。
特别说明:IE6并非不支持此选择符，但能够支持a元素的:hover ，也就是只支持通过类型选择符选择的a元素的:hover
在样式表定义一个样式的时候，可以定义id也可以定义class。 1、在CSS文件里书写时，ID加前缀"#"；CLASS用"." 2、id一个页面只可以使用一次；class可以多次引用。 3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服； 4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
6优先级顺序：
！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
在这道题目：
对于span有两种种影响样式的方式，
(1)继承自父div的color
而对于color而言，它受到类选择器和一个内联样式的影响，并且在这个内联样式中又有一个！important，最为最高级影响 (！important>内联>类选择器)，这就使得div的颜色为red,而作为其子元素的span也应该继承自父元素的color
(2)标签选择器span
但比较这两种影响，（1）作为样式继承的优先级为0,（2）作为标签选择器的优先级为1，所以（2）的优先级以微弱优势高于（1），所以最终采用标签选择器定义的green
new : HTML5 中的新标签。
标签 描述
- HTML元素中，（）属性用于定义超链接被鼠标点击后所显示的颜色。
正确答案: D 你的答案: C (错误)
alink
background
bgcolor
vlink
现在普遍使用伪类来定义 a:link {color: #FF0000} /* 未访问的链接 / a:visited {color: (915)#00FF00}/ 已访问的链接 / a:hover {color: #FF00FF} / 当有鼠标悬停在链接上 / a:active {color: (916)#0000FF} / 被选择的链接 */
浮动元素重叠
1、行内元素与浮动元素发生重叠，边框、背景、内容都会显示在浮动元素之上
2、块级元素与浮动元素发生重叠，边框、背景会显示在浮动元素之下，内容会显示在浮动元素之上
9. HTML5 中不再支持下面哪个元素？
正确答案: D 你的答案: A (错误)
- 下面的 HTML 代码中符合规范的是 ( )
正确答案: D 你的答案: A (错误)
- item 1
| Data 1 | Data 2 |
- Item 1
Some Text
有个特别的元素，一个是p一个是a，p是块元素，但是其不能包含除了它本身之外的任何块元素，a是内联元素，但是它可以包含除了它本身外的任意块元素 ul中不能直接放ol，ol中不能直接放ul，要放要放li里 11. 下列哪些属性是不可以被继承的() 正确答案: A B C 你的答案: B (错误) margin position float font-size 可以被继承的属性： 字体系列：font-family，font-size，font-style，font-weight，font-stretch，font-size-adjust； 列表相关：list-style，list-style-image，list-style-position，list-style-type，list-style-color； 文本系列：text-indent，text-align，line-height，word-spaceing，letter-spacing，text-transform，direction，color； 元素可见性：visibility； 表格布局：caption-side，border-collapse，border-spacing，empty-cells，table-layout； 生成内容：quotes； 光标属性：cursor； 页面样式：page，page-break-inside，Windows，orphans； 声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。 12. 下列说法正确的是？（） 正确答案: A B 你的答案: A B (正确) display: none；不为被隐藏的对象保留其物理空间； visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明； visibility:hidden;产生reflow和repaint(回流与重绘)； visibility:hidden;与display: none;两者没有本质上的区别； visibility:hidden引起重绘，另外那个引起回流和重绘 13. 可继承的样式属性包括（） 正确答案: A C 你的答案: A B C D E (错误) color background-color font-size border margin 一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left 4、背景属性：background、background-color、background-image、background-repeat、background-position、background-attachment 5、定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index 6、生成内容属性：content、counter-reset、counter-increment 7、轮廓样式属性：outline-style、outline-width、outline-color、outline 8、页面样式属性：size、page-break-before、page-break-after 9、声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during二、有继承性的属性
1、字体系列属性
font：组合字体
font-family：规定元素的字体系列
font-weight：设置字体的粗细
font-size：设置字体的尺寸
font-style：定义字体的风格
font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
font-stretch：对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
font-size-adjust：为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。
2、文本系列属性
text-indent：文本缩进
text-align：文本水平对齐
line-height：行高
word-spacing：增加或减少单词间的空白（即字间隔）
letter-spacing：增加或减少字符间的空白（字符间距）
text-transform：控制文本大小写
direction：规定文本的书写方向
color：文本颜色
3、元素可见性：visibility
4、表格布局属性：caption-side、border-collapse、border-spacing、empty-cells、table-layout
5、列表布局属性：list-style-type、list-style-image、list-style-position、list-style
6、生成内容属性：quotes
7、光标属性：cursor
8、页面样式属性：page、page-break-inside、windows、orphans
9、声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation
三、所有元素可以继承的属性
1、元素可见性：visibility
2、光标属性：cursor
四、内联元素可以继承的属性
1、字体系列属性
2、除text-indent、text-align之外的文本系列属性
五、块级元素可以继承的属性
1、text-indent、text-align
扫一扫
1628
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
