用CSS制作Alpha滤镜测试板

alpha滤镜给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”,在测试板上输入参数
收藏 0 赞 0 分享

非常流行的所谓的气泡窗口

普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格. 前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的). 我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制.. 先下载Sweet Ti
收藏 0 赞 0 分享

CSS教程:li和ul标签用法举例

LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; } B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(/blog/images/
收藏 0 赞 0 分享

CSS教程:CSS中的定位(position)

  使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。   其实,要想控制好层的绝对定位,只要理解CSS中关于定位
收藏 0 赞 0 分享

CSS教程:盒模型(BOX Model)

  如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。
收藏 0 赞 0 分享

无延迟翻滚的图形与CSS混合风格按钮

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。   相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面
收藏 0 赞 0 分享

css里expression实现界面对象的批量控制

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0 赞 0 分享

CSS教程:水平对齐(text-align)

  水平对齐(text-align),用以设定元素内文本的水平对齐方式。   1.语法   text-align具体参数如下: 语法:text-align:left|right|center|justify 说明:设定元素内文本的水平对齐方式。 参数:left:左
收藏 0 赞 0 分享

写给刚刚接触web标准的新人们

  div还是table?这是个问题……   自从web标准和网站重构的热潮席卷而来,到处都可以看到如下的问题:   问题1:怎么做1px高的div?   问题2:这个x行y列的table用div怎么实现?   问题3:css能不能实现拖动这个
收藏 0 赞 0 分享

动态加载外部css或js文件

原理解析:第一步:使用dom创建<script>或者<link>标签,并给他们附加属性,如type等第二步:使用appendChild方法把标签绑定到另一个标签,一般是绑到<head>. 应用:1、提高代码的复用,减少代码量;2、添加一
收藏 0 赞 0 分享

浏览器Quirksmode模式与CSSCompat模式

  (资料备考 暂时不明白也无关系)   今天偶然看到了一道题中有这样一段:   在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果   其实对于学习标准的人可能更多的人熟悉Quirksmode,也许很多人(对JS不太熟悉的朋友)或许要问:CS
收藏 0 赞 0 分享

CSS布局实例:上中下三行,中间自适应

  上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中。   firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。   对于非ie内核浏览器,通过设定display:table
收藏 0 赞 0 分享

CSS初学者应该保持的一种心态

  前几天有个人退群了。起因很简单,他问了一个问题,没人回答,于是说要退群,后来我看到了,给了个链接,说这个问题已经说过好多遍了,于是他就退了。   打开QQ的群列表,我所在的技术群有5个,不包括原来参加过又退了的。另外,还去几个论坛里看。看得多了,忽然觉得
收藏 0 赞 0 分享

基本的页面设计元素布局比例

基本的页面设计元素布局比例,给大家做个参考 标志图案: 位置 统计结果 左上角
收藏 0 赞 0 分享

CSS模块化设计——从空格谈起

引子: 今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》,思考了一下,本来想写《CSS样式的复合定义与复合调用及简单的模块化设计》,但是内容太大,还是来点简单的实惠。所以改叫《CSS样式——从空格谈起》吧。 一、空格运算符 (1)CSS
收藏 0 赞 0 分享

DIV CSS常见错误汇总

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css div的方式实现各种定位。应用应用DIV CSS编码
收藏 0 赞 0 分享

我们需要对CSS进行缩写的原因

在进行WEB标准网页设计时,必不可少的是写入大量的CSS语法,一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。 不过虽然软件生成的CSS代码阅读清晰易懂,但就是由于CSS对条条样式定义的清晰解释,也就使得
收藏 0 赞 0 分享

从三方面加速CSS样式作用网页速度

最近学校的网络越来越慢了,浏览网页时经常出现裸奔的现象,于是我就想如何可以尽量避免这一问题,现把自己的一些思路写出来,以供大家参考: 在我们无法更换服务器或提高服务器速度的情况下,要想让我们的页面不"裸"在用户面前,只能从缩小页面、减少HTTP请求
收藏 0 赞 0 分享

XHTML CSS制作样式风格切换的WEB站点

随着XHTML的逐渐推广流行,HTML在许多场合已经显得过时。WorldWideWebConsortium(W3C)于2000年6月26日发布了XHTML的第一个版本作为推荐标准。XHTML标准的目标是取代html。按照W3C的说法,“XHTML是html的继承者&r
收藏 0 赞 0 分享

学DIV CSS技术,如何入门?

引言: 引用一本书中的一段文字:“当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是,他将这些书放 在一个书筐里,并说到下周才能派上用场。在第一周,他只教我听和记一些短语。在开始严格有序的学习前,他要我
收藏 0 赞 0 分享