仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 719|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS款式表空格与不空格的干系

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:31:19 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。
网页制造poluoluo文章简介:CSS款式表中承继干系的空格与不空格.
 这多是一个十分复杂的成绩,可是明天花一点点工夫把这个复杂的成绩在说明晰一点,信任人人对CSS的进修和熟悉会很有匡助,强化一些观点的器材,对今后的事情效力的进步是很有裨益的。  我们看过一些款式表文件的款式名都写的很长,好比:body#header.topbar.logo{...},这是由于使用了元素的承继干系,使用元素名,大概ID名和类名(也就是class名)来准确定位和形貌某一个地区的css款式表格局。
  初学款式表的人一定会说,我要准确定位一个地区的款式表,用一个class名不就能够吗,还必要这么贫苦吗?这话说的没错,做只要几个页面的小网页,也的确不必这么贫苦,可是当你计划一个年夜型网站的时分,你就一定要使用web元素的承继干系,依照从年夜地区到小地区的序次来写CSS文档。这就就象画画一样,学过绘画的伴侣,都晓得,画素描都是先打型然后在展年夜色彩,最初是深切描写。CSS文档也是,断定年夜地区的布局,然后在深切承继和计划。
  好了,言回正传,明天要讲的是CSS款式表中承继干系的空格与不空格的成绩。先看上面的一个例子:
这是我的CSS文件:
<styletype="text/css">
td.a{
color:#006600}
td.b{
color:#FF0000}
</style>
这是我的body元素里的代码:
<table>
<tr>
<tdclass="b">
<div>
<ulclass="a">
<li>这里是标签"li"</li>
</ul>
</div>
</td>
</tr>
</table>
  在CSS文件里td前面随着的class名是a和b,a内里我界说的字体色彩是绿色,b内里我界说的字体色彩是白色.如今我要说的是,这两个款式表写法都是准确的,类名b没有空格连着元素<td>,而类名a有空格接着元素<td>,运转此代码,你发明页面显现字体为绿色,这申明页面读取了款式表td空格a的内容,由此我们能够揣度,页面款式表文件是依照页面元素由里到外的序次来读取的,取近舍远的准绳。
  假如我们把款式表td空格a的空格往失落,你会发明,如今页面字体的色彩是读取的款式表b里的内容,字体变成白色的了。这申明了不空格的款式表写法是针对在以后地点元素内而定的,(由于在页面td元素代码里我们只要写class=b,而没有a,以是a款式表的内容将不在页面中体现出来),而有空格的款式表写法是承继了以后元素内某个元素而定,经由过程重复的几回测试,承继的层级最少是一个层级以上就能够了,详细没有严厉的划定。
  信任看到这里,人人对款式表空格与不空格的干系已有了一点熟悉,但愿在今后的进修中与人人共勉。若有不正的地方,还看包容,指导!我也只是在事情进修中意会点熟悉与人人分享。妙手请勿见笑。
</p>
你可以轻松地控制页面的布局。
若相依 该用户已被删除
沙发
发表于 2015-1-17 23:01:06 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
谁可相欹 该用户已被删除
板凳
发表于 2015-1-24 14:40:51 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
兰色精灵 该用户已被删除
地板
发表于 2015-2-1 17:39:19 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
海妖 该用户已被删除
5#
发表于 2015-2-7 14:02:19 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
分手快乐 该用户已被删除
6#
发表于 2015-2-22 18:44:11 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
变相怪杰 该用户已被删除
7#
发表于 2015-3-7 02:37:25 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
飘灵儿 该用户已被删除
8#
发表于 2015-3-14 11:08:22 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
小妖女 该用户已被删除
9#
发表于 2015-3-21 06:14:25 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-23 21:06

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表