您的位置：首页 > Web前端 > CSS

学习DIV+CSS布局的一些感悟(I)

2007-03-09 16:53 309 查看

最近刚开始上班,之前总是想学习一下,页面布局的东西,随便在网络上找了些例子,找了一本DIV+CSS布局大全,看了一下,看来讲的很不错呀,"《Div + CSS 布局大全》博客园 Jesse Zhao 整理",呵呵
下面是我比较赶兴趣的一些段落:

在浮动层中定义了背景颜色或者背景图片，你可以使用clear属性.

定义链接的样式

CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a : active，例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}

a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}

a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}

a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

记住它们的顺序是“LVHA”

XHTML 1.0 提供了三种DTD声明可供选择：
 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

双表法调用样式表
查看某些符合标准站点的原代码，你可能看到，在调用样式表的地方有如下2句： <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"命令方法调用样式表。
你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如： <alt="say'hello'">

把所有<和&特殊符号用编码表示
 任何小于号（<），不是标签的一部分，都必须被编码为& l t ;
 任何大于号（>），不是标签的一部分，都必须被编码为& g t ;
 任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
注：以上字符之间无空格。
看了半天也很累了，现在就把这个发出去，有一起研究和学习请留言，我们一起来学习，互相帮助！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航