面试题总结
- CSS知识点
- 1、HTML中定义表格的宽度用80px与80%的区别是什么?
- 2、 简述DIV元素和SPAN元素的区别。
- 3、 在HTML页面布局中,position的值有哪几种?默认值又是什么?
- 4、 怎样使一个宽为200px和高为200px的层垂直居中于浏览器中?写出CSS样式代码。
- 5、 CSS规范中,.(句点)后面跟一个名称代表什么含义?#(井号)后面跟一个名称代表什么含义?如果要对一个元素设置CSS样式(内嵌样式),应将CSS样式写在它的什么属性内?
- 6、 CSS具体含义是什么?在网页制作中为什么要使用CSS技术?
- 7、 CSS+DIV开发Web页面的优势有哪些?
- 8、 一个HTML文档必须包含三个元素,它们是head、body和哪个?
- 9、 HTML中文档内联注释应该是以什么结尾?
- 10、引用CSS样式,有哪几种方法?
- 11、 设置什么属性可以让一个DIV隐藏和显示?值分别是什么?
CSS知识点
1、HTML中定义表格的宽度用80px与80%的区别是什么?
px表示像素,%表示占整个页面宽度的百分比。
2、 简述DIV元素和SPAN元素的区别。
- DIV默认情况下是分行显示
- SPAN在同行显示。
3、 在HTML页面布局中,position的值有哪几种?默认值又是什么?
1)position的五种值分别是static, relative, absolute, fixed, inherit:继续父元素的 position 值。
2)position的缺省值是static
4、 怎样使一个宽为200px和高为200px的层垂直居中于浏览器中?写出CSS样式代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{padding: 0; margin: 0;}
/*body{*/
/*position: relative;*/
/*}*/
#center{
background:#36a803;
width: 200px;
height: 200px;
position: absolute;
/*top: 50%; */
/*margin-top: -100px; */
left: 50%;
margin-left: -100px;
}
</style>
</head>
<body >
<div id="center"></div>
</body >
</html>
这里使用百分比和绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度一半。
- 水平居中则是增加
top: 50%; margin-top: -100px;
- body中的
position: relative;
可删掉;对此无影响。
5、 CSS规范中,.(句点)后面跟一个名称代表什么含义?#(井号)后面跟一个名称代表什么含义?如果要对一个元素设置CSS样式(内嵌样式),应将CSS样式写在它的什么属性内?
1) . (句号)后面跟一个名称表示文档中所有class属性值包含这个名称的应用其样式,
2) #(井号)后面跟个名称表示文档中ID为此名称的元素应用其样式。
3) CSS样式写在style属性内。
6、 CSS具体含义是什么?在网页制作中为什么要使用CSS技术?
- CSS(Cascading Style Sheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。
- 在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
7、 CSS+DIV开发Web页面的优势有哪些?
1)CSS+DIV,这个网页设计模式中,DIV承担了网页的内容,CSS承担了网页的样式。这样就使网页的内容和样式的分离开来。有利于页面的维护升级。
2)有助于提高搜索引擎亲和力(快速找到需要的数据,而不是像在TABLE中一层层的查找)
3)有助于页面的重构(换皮肤如blog,直接套用另外一套样式就可以实现,而不用改动网页脚本。)
8、 一个HTML文档必须包含三个元素,它们是head、body和哪个?
html
9、 HTML中文档内联注释应该是以什么结尾?
<!-- 注释内容 -->
10、引用CSS样式,有哪几种方法?
1)导入一个已经存在的CSS文件:
2)直接在Head里声明一个CSS代码段
3)直接在网页元素里声明使用CSS样式:style=”color:red;”
11、 设置什么属性可以让一个DIV隐藏和显示?值分别是什么?
1)设置diasplay属性的值为none时,该层隐藏。
2)设置diasplay属性的值为block时,该层显示。