仓酷云

标题: DIV教程之DIV+CSS网页结构技能实例12：利用派生挑选器 [打印本页]

作者: 兰色精灵 时间: 2015-1-16 10:38
标题: DIV教程之DIV+CSS网页结构技能实例12：利用派生挑选器
最近在做一个魔术网的div+css切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。

（之前哨子选择器的说法不当，尺度一点的应当叫派生选择器，普通一点能够说儿女选择器，感激网友提示2010-4-13）
利用派生选择器(descendantselectors)
CSS初学者不晓得利用子选择器是影响他们效力的缘故原由之一。派生选择器能够匡助你勤俭大批的class界说。我们来看上面这段代码：

<divid="subnav">
<ul>
<liclass="subnavitem"><ahref="#"class="subnavitem">Item1</a></li>>
<liclass="subnavitemselected"><ahref="#"class="subnavitemselected">Item1</a></li>
<liclass="subnavitem"><ahref="#"class="subnavitem">Item1</a></li>
</ul>
</div>
这段代码的CSS界说是：

div#subnavul{/*Somestyling*/}
div#subnavulli.subnavitem{/*Somestyling*/}
div#subnavulli.subnavitema.subnavitem{/*Somestyling*/}
div#subnavulli.subnavitemselected{/*Somestyling*/}
div#subnavulli.subnavitemselecteda.subnavitemselected{/*Somestyling*/}
你能够用上面的办法替换下面的代码

<ulid="subnav">
<li><ahref="#">Item1</a></li>
<liclass="sel"><ahref="#">Item1</a></li>
<li><ahref="#">Item1</a></li>
</ul>
款式界说是：

#subnav{/*Somestyling*/}
#subnavli{/*Somestyling*/}
#subnava{/*Somestyling*/}
#subnav.sel{/*Somestyling*/}
#subnav.sela{/*Somestyling*/}
用子选择器可使你的代码和CSS加倍简便、加倍简单浏览。

你可能会说，好多英文看不懂，不过我告诉你，很抱歉那三个英文你必须记住，而且是最重要的三个，你可以把这么个盒子看成一个DIV，而所有标签都带有这三个属性。

作者: 灵魂腐蚀 时间: 2015-1-18 07:41
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

作者: 小魔女 时间: 2015-1-25 13:54
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 愤怒的大鸟 时间: 2015-2-2 22:24
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 山那边是海 时间: 2015-2-8 15:43
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 变相怪杰 时间: 2015-2-25 20:54
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

作者: 简单生活 时间: 2015-3-8 06:41
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 仓酷云 时间: 2015-3-15 22:09
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 精灵巫婆 时间: 2015-3-22 16:58
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

欢迎光临仓酷云 (http://ckuyun.com/)