DIV教程之浅谈html和body标志使用CSS

只看该作者 · 发表于 2015-1-16 00:04:15

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。
人人都晓得关于一个页面来讲，最基础的布局呢就是
<html>
<head>

</head>
<body>

</body>
</html>
关于如许的一个布局，不会有人感应生疏，但是常常偶然候倒是人人越熟习的器材就简单让人往忘记了他们的存在。也许你会在想，这个布局这些标签有甚么好聊的呢，每一个页面都必要他们的啊。是啊，之前我一向也是这么以为的，不外比来发明，实在在良多时分这些不起眼的我们不在意的标签却能够帮我们在页面丑化的历程带来很年夜的匡助。
关于hack方面，人人都晓得*html跟*+html能够匡助我们在IE7跟IE6之间作为辨认，而这个也不是我如今想说的内容。实在我想说的内容很复杂，次要有上面几点。
1、使用一下html的background，可让我们在更多的时分能削减增加一个div标签来包括body中的一切内容；并且html作为body的父级，因而背景（背景致和背景图片，以下呈现的“背景”二字都是指背景致跟背景图片）城市被body中的背景所掩盖，先看一小段代码我们持续聊
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"id="myHtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
<styletype="text/CSS">
#myHtml{background-color:#CCCCCC;}
#myBody{background-color:#FF0000;}
</style>
<title>无题目文档</title>
</head>
<bodyid="myBody">
小志提示：实验删除body中的笔墨再做于未删除前做一个复杂的对照，别忘了扫瞄器的不同哦。
</body>
</html>
经由过程下面的一小段代码，人人能够看到body的背景跟html的背景所存在的区分了吧。接着人人应当能够想到背景既然有这个特性，我们是否是能够思索在偶然候处置一些背景图片的时分把html的background也使用起来呢，特别是在处置一些对照本性的页面（好比游戏官网）。
PS：
a.假如你把html（#myHtml）的款式往失落，你再看看扫瞄器的体现，你会发明天下又变了。
b.关于背景致的设置还可让扫瞄器自界说的背景色彩生效（IE7为例：“工具”->“Internet选项”->“惯例”中的色彩里能够找到背景的设置）
2、在下面的那一小段代码中并没用间接设置
html{background-color:#CCCCCC;}
body{background-color:#FF0000;}
而是用了两个ID，不晓得你是不是在想我为何要如许做呢？关于这点的话，能够从几个方面来思索
2.1JS的挪用（绝对来讲，用到对照多一点的是body中利用ID大概CLASS）
2.2CSS中权限值的提拔（这点基础下去说用到的机率微不足道）
复杂的再说一下假如body中利用ID大概CLASS的时分，我们能做甚么吧。
a.关于如今收集中呈现的页面，人人都能够看到良多时分，某个导航是高亮显现，提醒你以后扫瞄的是在哪一个页面上。这点的功效我就是能够经由过程body大概谁人导航中增加一个ID大概CLASS来判别辨认，固然少不了给这个ID大概CLASS增加一个款式。
b.在一些对照年夜型的网站中，某个频道大概某些频道的大抵布局都是不异，因而我们能够把个中一个布局作为基本参考，复制到其他页面中利用，然后再挪用统一个款式，如许能够削减良多的反复事情量，也让页面中的布局的重用性进步，作为区分我们只需使用body中的ID大概CLASS来修正款式的权重值就OK了。如许说也许对照凌乱，人人能够大抵参考一下迅雷的动漫频道http://anime.xunlei.com/（不外这个频道中的body所用CLASS过量并且绝对对照混乱，这点算是一个败笔吧）
今朝临时也就只感觉到html跟body能够这么利用，也许另有一些其他小功效，不外惋惜我团体临时没发明，假如你晓得，万万不要私躲啊，告知人人分享一下吧。

所有的设计第一步就是构思，构思好了。

只看该作者 · 发表于 2015-1-18 05:02:15

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-1-25 18:04:48

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

仓酷云 · 发表于 2015-2-3 12:59:57

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

只看该作者 · 发表于 2015-2-9 03:35:23

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

只看该作者 · 发表于 2015-2-26 20:54:09

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-3-8 17:58:47

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

只看该作者 · 发表于 2015-3-16 10:57:06

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

只看该作者 · 发表于 2015-3-22 22:59:46

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] DIV教程之浅谈html和body标志使用CSS

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子