HTML和CSS常见问题总结

1. HTML&CSS部分

1、HTML中定义表格的宽度用80px和80%的区别是什么？

PX标识像素，%标识若有容器，则指的是容器的百分比，如果没有容器，则指的是整个页面的宽度百分比

2、CSS样式定义优先级顺序是？

内联样式最高优先权，然后是内部样式，然后才是外部样式

id>类>标签>通配

3、div和span的区别？

　　DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）。

　　两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。

　　详解：1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解：

测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>

4、CSS选择器包括？

1）类别选择器 用“.”来标识

2）标签选择器 用HTML标签来标识

3）ID选择器  用“#”号来标识

4）通配符选择器 用“*”号来标识

子代选择器

后代选择器

5、用css3语法中，如何实现一个矩形框的圆角效果和50%红色透明效果？，请写出关键脚本

<style>

　　div{    

            width:200px;

            height:200px;

            border-radius: 30px;

            opacity: 0.5;/* 火狐 */

            /* filter:alpha(opacity=50); IE */

            background-color:red;

        }

　　</style>

6、Div与Table的区别 

制作效率 ，浏览效率，修改效率，可读性，兼容性

1） div大大缩减页面代码，提高页面浏览速度，table代码量繁多，页面浏览效率慢。

2） div结构清晰，可读性非常强，也容易被搜索引擎搜索到，优化了搜索引擎，Table结构复杂，可读性差。

3）div 缩短改版时间。只要简单的修改几个CSS文件就可以改变很多页面。Table要想改变的话，需要一个页面一个页面的去修改。

4）div表现和内容相分离，非常符合w3c标准。

5）table制作效率高于div

6）table浏览器兼容性高于div，我们常用的IE6.0，IE7.0火狐Firefox浏览器对div css设置上非常挑剔。

7、行级标签转块级标签，块级标签转行级标签

行级转块级：display:block

块级转行级：float:left

  display ：block 以块级元素效果来展示，把行级元素转换成块级元素

          none  隐藏不显示 不保留位置

          inline 以行级元素效果显示，把块级元素转换成行级元素