来看看:复杂进修css组合与CSS嵌套的写法
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。破洛洛文章简介:复杂进修css组合与CSS嵌套的写法.
CSS组合
你不用反复有不异属性的多个选择符,你只需用英文逗号(,)离隔选择符就能够了。
好比,你有以下的代码:
h2{color:red;}
.poluoluo{color:red;}
.poluoluocom{color:red;}
则你能够如许写:
h2,.poluoluo,.poluoluocom{color:red;}
利用组合,你能够一次界说多个CSS,为你节俭良多字节和工夫。
CSS嵌套
CSS布局好的话,没有需要利用过量的类大概标识选择符。这是由于你能够指定在选择符内的选择符。(大概更好的说法,高低文选择符--译者著)
好比:
#top{background-color:#ccc;padding:1em}
#toph1{color:#ff0;}
#topp{color:red;font-weight:bold;}
这就减往不用要的类大概标识选择符,假如使用到像如许的HTML中:
<divid="top">
<h1>poluoluo.com</h1>
<p>Thisismyrecipeformakingcurrypurelywithchocolate</p>
<p>Mmmmmmmmmm</p>
</div>
这是由于,用英文半角空格距离选择符,我们指了然在标识id内的h1有“#ff0”的色彩,而p则是白色red和粗体bold。
这大概也会有些庞大(由于大概不止两级,好比在内涵内涵内涵内等等)。你有需要多加实习。
利用嵌套,可让你的CSS代码读起来更明晰,能给你制订的元素定制CSS。
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 学Dreamweaver技术的过程其实是一个增加信心的过程。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
页:
[1]