仓酷云

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

[DIV+CSS] 来看看:CSS代码组合和嵌套

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:07:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。
CSS的组合和嵌套
CSS组合
你不用反复有不异属性的多个选择符,你只需用英文逗号(,)离隔选择符就能够了。
好比,你有以下的代码:
h2{color:red;}
.thisOtherClass{color:red;}
.yetAnotherClass{color:red;}
则你能够如许写:
h2,.thisOtherClass,.yetAnotherClass{color:red;}
利用组合,你能够一次界说多个CSS,为你节俭良多字节和工夫.
CSS嵌套
CSS布局好的话,没有需要利用过量的类大概标识选择符。这是由于你能够指定在选择符内的选择符。(大概更好的说法,高低文选择符--译者著)
好比:
#top{background-color:#ccc;padding:1em}
#toph1{color:#ff0;}
#topp{color:red;font-weight:bold;}
这就减往不用要的类大概标识选择符,假如使用到像如许的HTML中:
<divid="top">
<h1>Chocolatecurry</h1><p>Thisismyrecipeformakingcurrypurelywithchocolate</p><p>Mmmmmmmmmm</p>
</div>
这是由于,用英文半角空格距离选择符,我们指了然在标识id内的h1有“#ff0”的色彩,而p则是白色red和粗体bold。
这大概也会有些庞大(由于大概不止两级,好比在内涵内涵内涵内等等)。你有需要多加实习。
利用嵌套,可让你的CSS代码读起来更明晰,能给你制订的元素定制CSS.

可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-18 05:15:51 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
乐观 该用户已被删除
板凳
发表于 2015-1-24 10:35:57 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
爱飞 该用户已被删除
地板
发表于 2015-2-1 09:45:58 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
兰色精灵 该用户已被删除
5#
发表于 2015-2-7 04:09:17 | 只看该作者
可以使用 CSS 检查工具进行设计。
分手快乐 该用户已被删除
6#
发表于 2015-2-20 14:29:42 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
海妖 该用户已被删除
7#
发表于 2015-3-13 07:07:23 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
莫相离 该用户已被删除
8#
发表于 2015-3-20 16:13:59 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 22:26

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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