html/css知识点问题及答案汇总

1.Doctype作用？

告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

2.图像，文本对齐方式有哪几种？

图像转成display: block; margin:0 auto;(水平)

文本text-align:center;（水平）line-height:行高；（单行垂直）

3.有序列表和无序列表有何区别？分别适用于什么场合？

ul有属性type，3个值，改变无序样式；用于导航栏

ol有属性reversed(改变顺序),start（指定起始值）；用于有顺序的列表

4.链接到其他页面时，路径的表示方法有两种：相对路径和绝对路径，这两种路径有何区别和联系？

相对路径：是相对于自己所在位置，同在上一目录下的同级别其它的文档；

绝对路径：是从根目录开始，找到需要的子目录文档；

区别：都可以达到同样的效果，但是使用了绝对路径的文件上传到服务器后，其根目录有可能发生变化，导致内容无法显示，相对路径可以解决这问题，一般在开发中很少使用绝对路径。

5.创建表格表格最少需要那三个标签？

表格标签<table></table>       行标签<tr></tr>      单元格标签<td></td>

6.简述表格的基本结构？

<table>代表表格开始

<tr>代表一行开始

<td>代表一个单元格/一列开始

</td>代表一个单元格/一列结束

</tr>代表一个单元格/一列结束

</table>代表表格结束

7.跨行跨列的表格，主要在什么情况下使用？

需要合并单元格

8.给你一个表格，你会从哪些方面美化？

外边距，边框，内边距；样式，大小，颜色；

9.表单action和method属性及值post/get的意思？

action指表单提交的地址；

method指表单提交的方式，有两种post和get,其中post特点1.传递的数据量大，2.安全性好。get特点：1.处理数据量小，2.安全性不好。

10.表单中有哪些常用的表单元素？

表单元素<form></from> , <fieldset></fieldset>；input元素<input></input>；label元素<label></label>;文本域元素<textarea></textarea>; 下拉选项表<select></select> 选项<option></option>;

按钮元素<boutton></boutton>;

11.div布局特点是什么？

1.符合w3c标准，保证网站不会因为网络应用升级而淘汰。

2.支持浏览器向后兼容。

3.对搜索引擎的收录更加友好。

4.div和css分离，样式调整更加方便。

5.页面加载速度比table布局更快，提高用户的交互性。

6.比table降低流量费用。

7.页面更加灵活，保证在不同浏览器中效果统一。

8.代码简单整洁，保持视觉的一致性。

9.便于调试修改。

12.teble布局有什么特点？

1.规律性较强的布局。

2.优于做表格。

3.加载速度慢，影响用户交互。

4.可复用性和修改性不好。

5.Table会阻挡浏览器渲染引擎的渲染顺序。

6.Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%)(这会限制你页面设计的自由性。)
7.Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度，增加页面加载时间，增加HTTP会话数。)
8.在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦）

9.table对对于页面布局来说，从语义上看是不正确的。(它描述的是表现，而不是内容。)

13.w3c盒子模型是什么样的？

margin-外边距  padding-内边距  border-边框  content-内容

14.三种设置隐藏的方法？

1.display:none;---隐藏后不占位置

2.visibility：hidden;---隐藏后会占有原来位置

3.overflow:hidden;---只有超出才会隐藏

15.url,href,src三者区别？

1.src:指向外部资源的位置，替换当前元素，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素.例如：<img src="img/tubiao.gif" alt="" />

2.href,指向网络资源使用位置，建立当前元素或文档之间的链接。例如：<a href="">新闻中心</a>；<link rel="stylesheet" href="css/shanghe0324.css" type="text/css"/>

3.url:统一资源定位符,是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址.

16.html和xhtml的区别？

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

17.CSS引入的方式有哪些? link和@import的区别是?
内联 内嵌 外链 导入
区别 ：页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS;

link无兼容性问题，支持使用javascript改变样式

@import  CSS2.1以下浏览器不支持，不支持使用javascript改变样式

18.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}

19.基本四个浏览器及它的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)

20.解释css sprites，如何使用？
Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

21.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处

22.写出几种IE6 BUG的解决方法？
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 ！Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

23.清除浮动的几种方式是什么？

1.给其后元素也加浮动。（如果使用浮动的父级元素没有设宽高，则不能撑开其父级宽高。）

2.在用完浮动的最后一个标签后面加一个空标签，给他设置属性为clear：both；但会增加代码量。（如果使用浮动的父级元素没有设宽高，，则不能撑开父级宽高。）

3.用伪类选择器，给父类元素加：---------推荐使用

4.给父元素增加overflow：hidden;(溢出隐藏)