html+css基础
                 
1、网页HTML代码最前面必须包括W3C声明，以便符合标准：
一般网页：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
框架页：
css实现垂直水平居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="/1999/xhtml">
2、网页编码声明：
简体中文网页为gb2312
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
繁体中文网页为big5
<meta http-equiv="Content-Type" content="text/html; charset= big5" />
英文网页为utf-8
<meta http-equiv="Content-Type" content="text/html; charset= utf-8" />
3、采用CSS链接方式，全站使用同一个CSS文件，实现内容与表现分离：
<link href="images/style.css" rel="stylesheet" type="text/css">
不要将样式直接写在页面html代码中，页面中不得使用<font></font>、<style>等标签。
4、CSS文件中需要对一些基本的标签进行定义或重置：
*{
    padding:0;
    margin:0;
}
body,td,th,div {
    font-family: 宋体;
    font-size: 12px;
    color: #000000;
}
body {
    background:#FFFFFF;
}
p{
    line-height:150%;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #ff0000;
    text-decoration: underline;
}
a:active {
    color: #000000;
    text-decoration: none;
}
h1{
    color:#000000;
    line-height:150%;
    font-size:24px;
}
li{
    list-style:none;
    word-break: keep-all;
    white-space: nowrap;
}
5、网页设计完成后，必须分别在Internet Explorer 6.0和Firefox3.0进行兼容性测试，确保页面表现在这两个主流浏览器中保持完全一致，无错位、重叠现象。
6、解决兼容性问题常用CSS代码有：
1）div对齐方式有居左、居中、居右三种方式，居中的要清除浮动：clear:both; 否则就会有重叠现象。
2）隐藏超出部分：overflow:hidden;
3）设置固定宽度：width:100px。除特殊需要外，div一般不设置高度，宽度、高度不能使用百分比，以免在各浏览器中出现较大误差。
4）给div临时加边框：border:1px solid;
5）用!important;为IE和FF设置不同样式，如：width:100px!important; width:102px; 前面是FF样式，后面是IE样式。
6）判断IE浏览器版本调用不同的样式表。
<!--[if lte IE 6]>
<LINK rel="stylesheet" type="text/css" href="images/css.css" />
<![endif]-->
<!--[if IE 7]>
<LINK rel="stylesheet" type="text/css" href="images/css2.css" />
<![endif]-->
<!--[if IE 8]>
<LINK rel="stylesheet" type="text/css" href="images/css3.css" />
<![endif]-->
7）屏蔽IE7。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
7、信息列表用ul,li形式，减少代码冗余。如：
<div>
    <ul>
        <li></li>
    </ul>
</div>
8、W3C验证。通过W3C组织可以验证CSS是否符合标准，网址是：
/css-validator/check/referer
1）所有标签都必需使用小写
2）所有标签内之属性都要有值且不可省略双引号或单引号
3）所有标签必须成对, 若非成对需加上/在最后
4）一个网页最少要包含的标签
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset= gb2312" />
<title>标题</title>
</head>
<body>
内容
</body>
</html>
5）若要显示<、>、&的话, 需输入：< >
若要显示&于网页中的话，则需输入：&
6）标签顺序不可错乱，应该是：<b><p>文字</p></b>
7）注释文字中不可包含----，HTML注释形式：，CSS注释形式：/*注释文字*/

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。