浅谈html和body标识运用CSS

日期:2021-03-15 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序


浅谈html和body标识运用CSS.
大伙儿都了解针对1个网页页面来讲,最基础的构造呢便是
<html>
<head>
<!-- 头顶部信息内容內容地区 -->
</head>
<body>
<!-- 网页页面显示信息內容地区 -->
</body>
</html>
针对这样的1个构造,不容易有人觉得生疏,但是常常有时确是大伙儿越熟习的物品就非常容易令人去忘却了她们的存在。也许你会在想,这个构造这些标识有甚么好聊的呢,每一个网页页面都必须她们的啊。是啊,之前我1直也是这么觉得的,但是近期发现,实际上在许多情况下这些不起眼的大家不在意的标识却能够帮大家在网页页面清理的全过程带来很大的协助。
针对hack层面,大伙儿都了解* html跟* html能够协助大家在IE7跟IE6之间做为鉴别,而这个也并不是我如今想说的內容。实际上我想说的內容很简易,关键有下面几点。
1、运用1下html的background,可让大家在更多的情况下能降低加上1个div标识来包括body中的全部內容;并且html做为body的父级,因而情况(情况色和情况照片,下列出現的“情况”2字全是指情况色跟情况照片)都会被body中的情况所遮盖,先看1小段编码大家再次聊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="myHtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<style type="text/css">
#myHtml {background-color:#CCCCCC;}
#myBody {background-color:#FF0000;}
</style>
<title>无题目文本文档</title>
</head>
<body id="myBody">
小志提示:尝试删掉body中的文本再做于未删掉前做1个简易的比照,别忘了访问器的区别哦。
</body>
</html>
根据上面的1小段编码,大伙儿能够看到body的情况跟html的情况所存在的差别了吧。接着大伙儿应当能够想起情况既然有这个特性,大家是否能够考虑到在有时解决1些情况照片的情况下把html的background也运用起来呢,特别是在解决1些较为个性化的网页页面(例如手机游戏官方网站)。
PS:
a.假如你把html(#myHtml)的款式去掉,你再看看访问器的主要表现,你会发现全球又变了。
b.针对情况色的设定还能够让访问器自定的情况色调无效(IE7为例:“专用工具”->“Internet选项”->“基本”中的色调里能够寻找情况的设定)
2、在上面的那1小段编码中并没用立即设定
html {background-color:#CCCCCC;}
body {background-color:#FF0000;}
而是用了两个ID,不知道道你是不是在想我为何要这样做呢?针对这点的话,能够从几个层面来考虑到
2.1 JS的启用(相对性来讲,用到较为多1点的是body中应用ID或CLASS)
2.2 CSS中管理权限值的提高(这点基础上来讲用到的机率寥寥无几)
简易的再说1下假如body中应用ID或CLASS的情况下,大家能做甚么吧。
a.针对如今互联网中出現的网页页面,大伙儿都可以以看到许多情况下,某个导航栏是高亮度显示信息,提醒你当今访问的是在哪儿个网页页面上。这点的作用我便是能够根据body或那个导航栏中加上1个ID或CLASS来分辨鉴别,自然少不上给这个ID或CLASS加上1个款式。
b.在1些较为大中型的网站中,某个频道或一些频道的大概构造全是同样,因而大家能够把在其中1个构造做为基本参照,拷贝到别的网页页面中应用,随后再启用同1个款式,这样能够降低许多的反复工作中量,也让网页页面中的构造的重用性提升,做为差别大家要是运用body中的ID或CLASS来改动款式的权重值就OK了。这样说也许较为错乱,大伙儿能够大概参照1下迅雷的日本动漫频道http://anime.xunlei.com/(但是这个频道中的body所用CLASS过量并且相对性较为杂乱无章,这点算是1个败笔吧)
现阶段临时也就只体会到html跟body能够这么应用,也许也有1些别的小作用,但是可是我本人临时没发现,假如你了解,干万不必私藏啊,告知大伙儿共享1下吧。