若天明 发表于 2015-1-16 00:25:03

来看看:CSS:尺度下的隔行换色办法

每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
我们之前在DW顶用表格结构着我们的网页的时分经常用到一种计划伎俩--隔行换色。也就是旧事列表或是列表类的每隔一行就换另外一个色采如许显得很大度也很符合浏览。以是这类伎俩被宽大的计划师们支出囊中作为本人的又一把工具刀。可是跟着网页尺度海潮的来袭,这类计划效果渐渐变得没有了,缘故原由次要是来自于尺度化后的这类效果的完成上。
因为尺度后我们都用UL来取代了表格,代码固然少了良多,可是仿佛效果也随之少了。隔行换色也碰到了瓶颈。我接纳过CLASS体例来举行隔行换色:
以下是援用片断:
<ul>
<liclass="one"></li>
<liclass="two"></li>
<liclass="one"></li>
<liclass="two"></li>
</ul>

我们看到下面的代码所体现出来的是每行的CLASS都纷歧样,经由过程如许的体例切实其实能够办理隔行换色的成绩,可是一向来我都被程序员告诉如许写法程序没举措写。我一向很忧郁:用表格时他们是怎样写的?
固然埋怨回埋怨,成绩老是必要办理的,以后有伴侣想过用JS来完成隔行换色,这类假想在网页尺度研讨同盟中失掉了辩驳,以为款式的事没需要用举动往实理,而且用JS来完成的效果其实不必定有CSS来办理的好。我批准如许的看法,而且我主意的是年夜背景完成。甚么叫年夜背景完成呢,意义就是说经由过程在父级设定背景从而使妥当前级失掉隔行换色或是隔N行换N色。

上图是我头几天刚完成的一个项目中的一个实例使用,人人能够看到我接纳的是两行背景反复。而这个背景图是界说在UL上的而不界说在LI上。如许又使得我们少写一点代码,让代码显得加倍的洁净。同时如许技能经由过程触类旁通的思索就可以做出更多很好玩的款式来,好比我们让每行都纷歧样,或是让每行都像是纸页脚卷起来一样,或是别的的甚么名堂,那就要看你能想出甚么样的把戏来了!


另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。

简单生活 发表于 2015-1-18 06:34:40

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

灵魂腐蚀 发表于 2015-1-23 05:44:32

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

柔情似水 发表于 2015-1-31 15:30:25

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

飘飘悠悠 发表于 2015-2-6 20:56:38

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

小魔女 发表于 2015-2-18 19:21:30

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

若相依 发表于 2015-3-6 09:44:51

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

因胸联盟 发表于 2015-3-13 00:09:34

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

兰色精灵 发表于 2015-3-20 07:27:24

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页: [1]
查看完整版本: 来看看:CSS:尺度下的隔行换色办法