2021-3-7 考核试卷纠正

1.margin外边距的合写：

margin：上  右 下 左；

2.在页面中实现文字滚动的标记是：

< marquee>内容< /marquee>

3.预定义格式化标签< pre>< /pre>的功能是：

在<pre>中的文本通常会保留空格和换行符，
文本也会呈现等宽字体。
<pre>标签的常见应用就是用来表示计算机的源代码。
<pre> 元素是块级元素
<pre>只能包含文本和行内元素，块级元素不能放在其中

4.网页中设置表格边框厚度的属性是border

设定表格单元格之间的宽度属性是cellspaing

设定表格内容与单元格线的距离属性时cellspadding

合并行时使用colspan，合并列时使用rowspan

5.css优先级算法排序

！important >内联样式 >id> class>标签> 通配符> 继承> 默认

6.css中有继承性的属性：

以font、line、text、color开头的都有继承性

无继承性的属性:

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

7.伪类的写作顺序

a:link{text-decoration:none ; color:red ;}
a:visited {text-decoration:none ; color:black ;}
a:hover {text-decoration:underline ; color:yellow ;}
a:active {text-decoration:none ; color:pink ;}

8.如何让一段文本中所有英文单词的字母大写

text-transform属性

值：

9.块级元素与行内元素分别有什么特点？

块级元素：独占一行，可以设置宽度和高度
行内元素：不独占一行，不能设置宽度和高度

10.用纯css创建一个三角形的原理是什么？

均分原理

width: 0;
height: 0;
border-top: 40px solid transparent;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #ff0000;

11.行内元素有哪些?

a( 锚点) ,b(粗体(不推荐)) ,span(常用内联容器，
定义文本内区块) img(图片) input(输入框) select
(项目选择) strong(粗体强调) label(表格标签) cite (引用)
code(计算机代码)

块级元素有：div ul(无序列表) ol(有序列表) dl(定义列表) 
table(表格)form(表单) h1 (一级标题))p(段落)pre(预格式化)

常见的空元素：
<br> <hr> <img> <input> <link> <meta>

12.什么是外边距重叠？

相邻两个盒子的外边距合为一个外边距

结果：若两个外边距是同号，则谁的绝对值大取谁，否则取和。

13.iframe

iframe标签是框架的一种形式，也比较常用到，iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容。iframe标签的最大作用就是让页面变得美观。

iframe标签的属性

align：left、right、top、middle、bottom。用于规定如何根据周围的元素来对齐此框架。不赞成使用。请使用样式代替。

frameborder：1、0。用于规定是否显示框架周围的边框。

height：pixels、%。用于规定iframe的高度。

longdesc：URL。规定一个页面，该页面包含了有关iframe的较长描述。

marginheight：pixels。定义iframe的顶部和底部的边距。

marginwidth：pixels。定义iframe的左侧和右侧的边距。

name：frame_name。规定iframe的名称。

scrolling：yes、no、auto。规定是否在iframe中显示滚动条。

src：URL。规定在iframe中显示的文档的URL。

width：pixels。%。定义iframe的宽度。

14.如何清除浮动？

给前面的父元素设置高度
给后面的元素增加clear属性

给两个盒子中间加一个额外的块级元素
这个块级元素设置两个class属性，一个用于控制高度。
另一个用于添加一个clear：both；属性

在第一个盒子中所有子元素之后增加一个额外的块级元素
给这个块级元素添加一个clear：both；属性

通过伪元素选择器在第一个盒子中所有子元素之后增加一个额外的
块级元素并且内容为空。

给第一个盒子设置overflow：hidden；属性

15.让元素在页面中消失的方法：

1.display:none;（将整个元素隐藏，并且不会占据任何的空间）

2.visibility:hidden;（元素的内容不可见，但是元素仍然保持原
来的位置和大小）

3.overflow:hidden将要隐藏的元素移除父元素的范围。

16.让div水平居中的方法：

设置margin:auto;并设置top、left、right、bottom的值相等
即可，不一定要都是0

仍然是绝对布局，让left和top都是50%，这在水平方向上让
div的最左与屏幕的最左相距50%

位置宽度的块级元素居中方法：
display:inline-block 设置text-align:center;