JavaScript极速狂飙:CSS样式表的渲染效率 |
我的MzTreeView1.0树控件发布至今,得到了不少意见反馈,很多网友给了我很多的中肯的建议,也指出了这个控件里的诸多BUG和不足之处,所以我准备写一个新版本的树,将大家的建议都整合进来实现。这几天我就一直在写新版的树,树控件最重要的是效率,特别是大节点量的时候,效率稍微差点的模式就会拖垮浏览器,所以新版的树我首要的还是提高效率,比如增加异步数据加载的支持等,另外我还有一个设想,就是树的树型结构竖线用样式表(背景图)来实现,样式表背景图片只需要加载一次,而现在这个模式(用多个)图片虽然有缓存机制,但... |
查看详情 | 2012.05.03 |
发现CSS控件的好处 |
很长时间以来,网络开发者通过使用图片和javascript脚本代码来开发交互式的控件。然而,在许多情况下使用CSS的规则来定义文本超链接的格式将是开发交互式控件的一个较好选择。使用CSS技术开发更快更有效,所以现在在众多网站上看到这种技术已经不是一件奇怪的事情了。使用传统方法开发控件的缺点使用传统的技术开发一个控件常常是从用一个包含了一个矩形或其它形状文本输入框的小图标开始的。这个控件也许使用阴影、光效、倾斜或者其它的效果予以修饰,但是它本质也就只是一个包含了文本的框架。 |
查看详情 | 2012.05.01 |
创建一个纯CSS的水平导航条 |
按照传统的方法,导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找(新的)方法,用结构化的XHTML标记和CSS格式来创建导航条。一个简单的CSS导航条创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,就像例A里的一样。这种方法看起来很合理也很直观。但问题是,把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以,为了避免所有的链接都挤在一起... |
查看详情 | 2012.04.30 |
CSS教程(八) 简单介绍CSS结合JS的运用 |
八、简单介绍CSS结合JS的运用(针对事件动作)利用CSS配合Javascript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,JavaScript通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。下面介绍几种常见的事件(还用更多事... |
查看详情 | 2012.04.30 |
CSS教程(七) 滤镜 |
CSS提供了一些内置的多媒体滤镜特效,使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上,例如图片、文本容器、以及其他一些对象。Dreamweaver4提供了16种滤镜可供选择,如下图:下面,我们就来看看在Dreamweaver4里如何方便的使用这些CSS滤镜。建立一个自定义样式“.filter”,在Filter下拉框里选Alpha滤镜,我们将“Alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?)”的Opacity参数设为50,后面的参数都删掉,... |
查看详情 | 2012.04.30 |
CSS教程(六) DW4中CSS属性详解 |
在Dreamweaver4的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver4把这些属性分为Type(类型)、Background(背景)、Block(块)、Box(盒子)、Border(边框)、List(列表)、Positioning(定位)、Extensions(扩展)八个部分,如下图,下面我们分别详细讲解。1.Type(类型)Type面板主要是对文字的字体,大小,颜色,效果等基本样式进行设置。设置时,我们只对要改变的属性进行设置,没有必要改变的属性就空着。注意:属性名带*号的是指样式效果不能在编辑文... |
查看详情 | 2012.04.30 |
CSS教程(五)用DW4创建CSS |
1.CSSStyles面板通过前面几章的学习,相信大家对CSS有了一定的了解,这一章我们来讲解如何利用Dreamweaver4来创建CSS。首先运行Dreamweaver4,启动后,选择菜单下的Windows->CSSStyles(或按Shitf+F11),系统弹出CSSStyles管理面板,如下图所示:在CSSStyles面板里显示了所有自定义的CSS样式(也就是上面提到的以点开头的类选择符,Dreamweaver4把这样以点开头的类选择符作为自定义样式来使用),可以利用Apply按钮这些CSS样式随意应用在页面中的文本或文档区域。... |
查看详情 | 2012.04.30 |
CSS教程(四)如何在网页中插入CSS |
前两章我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。链入外部样式表链入外部样式表是把样式表保存为一个样式表文件,然后在页面中?lt;link>标记链接到这个样式表文件,这个标记必须放到页面的区内,如下:…… |
查看详情 | 2012.04.30 |
CSS教程(三)伪类——动态链接 |
伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。1.语法伪类的语法是在原有的语法里加上一个伪类(pseudo-class):selector:pseudo-class{property:value}(选择符:伪类{属性:值})伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。类... |
查看详情 | 2012.04.30 |
CSS教程(二)语法 |
1.基本语法CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。基本格式如下:selector{property:value}(选择符{属性:值})选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:body{color:black}选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是... |
查看详情 | 2012.04.30 |
CSS教程(一)认识CSS |
Dreamweaver4是现今最好的网站编辑工具之一,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver4在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有一定的了解。因此,本教程的前面4章为CSS理论知识,主要是对CSS的全面介绍,希望读者看后对CSS的语法、结构、应用有一个全面的了解;后面4章为DW实战,主要是教你如何利用Dreamweaver4灵活运用CSS在网页中。阅读此文前,你需要对HTML有一定的了解,并会使用Dreamweaver。... |
查看详情 | 2012.04.30 |
第9天:第一个CSS布局实例 |
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和****一样的工具,如何运用就看你的想象力了。注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义。但任何事情都有得有失,取舍在于你的价值判断。好,不罗嗦了,我们... |
查看详情 | 2012.04.29 |
第8天:CSS布局入门 |
CSS布局与传统表格(****)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子:#sample{MARGIN:10px10px10px10px;PADDING:20px10px10px20px;BORDER-TOP:#CCC2pxsolid;BORDER-RIGHT:#CCC2px... |
查看详情 | 2012.04.29 |
如何在网页中插入CSS |
想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。链入外部样式表链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用标记链接到这个样式表文件,这个标记必须放到页面的区内,如下:……&... |
查看详情 | 2012.04.28 |
Css应用小技巧十四例 |
CSS是CascadingStyleSheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我... |
查看详情 | 2012.04.28 |