仓酷云

标题: 来讲讲:CSS中的举动――HTC [打印本页]

作者: 因胸联盟    时间: 2015-1-16 00:26
标题: 来讲讲:CSS中的举动――HTC
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
比来对这些CSS中的举动有点乐趣,看了些文档作了个表单鼠标滑过效果。固然HTC的用处,人人最喜好的要数便宜组建,自界说标签了。Quote<u/>申明:
HTC是HTMLcomponent的缩写,
是IE5.0的次要扩大之一,
除具有一样平常组件的可重用长处以外,
还具有易于开辟利用等长处,
由于必要引进内部文件,这里就不举例了,宝库里有例子.

控件和组件
HTC供应了一个复杂机制以在剧本中完成DHTML举动。一个HTC文件和HTML文件没有任何不同,而且以“.htc”为后缀。关于demo,我看到一些表单的输出框,有鼠标滑过效果,大概背景变色大概边框变色。利用:hover很简单完成,惋惜MSIE7之前的扫瞄器不克不及撑持,那末就独自给IE5.+利用HTC界说鼠标举动。实在这个有用JS完成也挺简单,我就想拿HTC练练手。先看看效果?

上面是代码

XHTML布局来自ALA的PrettierAccessibleForms。这里多说一嘴,倡议人人今后做表单的时分多接纳上面的布局,Strict型xhtml倡议以下是援用片断:
<form>下不成以间接安排表单位素。而用<ol>来构造多个表单也是公道的。<fieldset>
<legend>DeliveryDetails</legend>
<ol>
<li>
<labelfor="name">Name<em>*</em></label>
<inputid="name"/>
</li>
<li>
<labelfor="address1">Address<em>*</em></label>
<inputid="address1"/>
</li>
<li>
<labelfor="address2">Address2</label>
<inputid="address2"/>
</li>
<li>
<labelfor="town-city">Town/City</label>
<inputid="town-city"/>
</li>
<li>
<labelfor="county">County<em>*</em></label>
<inputid="county"/>
</li>
<li>
<labelfor="postcode">Postcode<em>*</em></label>
<inputid="postcode"/>
</li>
<li>
<fieldset>
<legend>Isthisaddressalsoyourinvoice
作者: 愤怒的大鸟    时间: 2015-1-16 23:24
标题: 来讲讲:CSS中的举动――HTC
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
作者: 莫相离    时间: 2015-1-20 09:47
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
作者: 精灵巫婆    时间: 2015-1-29 06:37
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
作者: 深爱那片海    时间: 2015-2-5 23:27
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者: 蒙在股里    时间: 2015-3-4 04:49
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者: 分手快乐    时间: 2015-3-11 16:59
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
作者: 谁可相欹    时间: 2015-3-19 02:30
可以使用 CSS 检查工具进行设计。
作者: admin    时间: 2015-3-27 05:11
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2