前端考核题
1.在css中margin设置网页标签的外边距,赋值顺序为:上右下左
2.在页面中实现文字滚动的标记是marquee标签
< marquee>内容< /marquee>
3.预定义格式化标签< pre>< /pre>的功能:表示内容“原样输出”,包含换行符,tab键和空格
在<pre>中的文本通常会保留空格和换行符,
文本也会呈现等宽字体。
<pre>标签的常见应用就是用来表示计算机的源代码。
<pre> 元素是块级元素
<pre>只能包含文本和行内元素,块级元素不能放在其中
4.网页中设定表格边框的厚度的属性是border,设定表格单元格之间宽度属性是width,设定表格内容与单元格线的距离属性是cellpadding,合并行使用colspan,合并列使用rowspan
5.css优先级算法根据权重计算
6.css中以color/font—/text—/line开头才能继承
a标签中的文字颜色和下划线不能继承,h标签的文字大小不能被继承
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.行内元素有哪些?
块级元素有:div ul(无序列表) ol(有序列表) dl(定义列表)
table(表格)form(表单) h1 (一级标题))p(段落)pre(预格式化)
常见的空元素:
<br> <hr> <img> <input> <link> <meta>
12.什么是外边距重叠?
相邻两个盒子的外边距合为一个外边距
结果:若两个外边距是同号,则谁的绝对值大取谁,否则取和。
13.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;