div css总结

来源：互联网发布：专业美工编辑：程序博客网时间：2024/05/17 23:03

div+css网页标准布局实例教程.doc

三种合适XHTML类型：
     Transitional类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Strict类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Frameset类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
命名空间
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
定义语言编码
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" /> 这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。
调用样式表
     1)页面内嵌
     样式写在head区，如：<style type="text/css">  </style>
2)外部引用
     样式写在.css文件中，在页面中通过语句引用。
  <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
3)双表法调用样式表
     浏览器crack手段之一
       <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
    <style type="text/css" media="all">@import url( css/style01.css );</style>
       为什么要写两次呢？
       实际上一般情况下用外联法调用(就是第一句)就足够了。我这里使用双表调用只是一种示例。其中的"@import"命令用于输入样式表。而"@import"命令在 netscape 4.0 版本浏览器是无效的。也就是说，当你希望某些效果在 netscape 4.0 浏览器中隐藏，在 4.0 以上或其它浏览器中又显示的时候，你可以采用"@import"命令方法调用样式表。
head区的其他设置
    1)收藏夹小图标
      如果你将本站加入收藏夹，可以看到在收藏夹网址之前的 IE 图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个 16x16 的 icon 图标，命名为 favicon.ico，放在根目录下。然后将下面的代码嵌入 head 区：
      <link rel="icon" href="/favicon.ico" type="image/x-icon" />

    2)为搜索引擎准备
      允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用 robots.txt 方法
       <meta content="all" name="robots" />
      设置站点作者信息
       <meta name="author" content="ajie@netease.com,阿捷" />
      设置站点版权信息
      <meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />
      站点的简要介绍(推荐)
      <meta name="description" content="新网页设计师。web 标准的教程站点，推动 web 标准在中国的应用" />
      站点的关键词(推荐)
      <meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />

0 0