来一发CSS+DIV计划实例:Hover over下的边框变更
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>UntitledDocument</title><metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"/><styletype="text/css">p#outer{position:relative;float:left;margin-top:20px;margin-left:20px;background:blue;}#outera{ margin:0;background-color:blue; display:block; position:relative;border:2pxdashedred;}#outera:hover{border:2pxdashed#CCFFCC;}#outerimg{display:block;border:none;background:#ffffcc;padding:4px;}</style></head><body><h1>Hoverovertheimagetoseethedoublebordereffect</h1><pid="outer"><ahref="#">");</script><noscript><imgsrc="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter"border=0width=0height=0/></noscript>
――您能够运转代码观察殊效,您也能够复制大概另存源代码。</p>
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 学Dreamweaver技术的过程其实是一个增加信心的过程。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
页:
[1]