Alpha
1. 语法: {filter: alpha(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)}
2. 意义: 把一个目标元素与背景混合, 设置者可以指定数值来控制混合的程度
3. 属性
3.1. opacity: 透明度水平, 0为完全透明, 100为完全不透明
3.2. finishopacity: 渐变的透明效果, 用来控制结束时的透明度.
3.3. style指定了透明区域的形状特征, 其中0代表统一形状, 1代表线型, 2代表放射状, 3代表长方形
3.4. startx和starty: 代表渐变透明效果的开始x和y坐标
3.5. finishx和finishy: 代表渐变透明效果的结束x和y坐标
Blur
1. 语法:
1.1. HTML: {filter: blur(add=add, direction=direction, strength=strength)}
1.2. 脚本: [oblurfilter=]obj.filters.blur
2. 意义: 用手指在一副尚未干透的油画上划过产生的模糊效果
3. 属性
3.1. add: 布尔值, 默认true, 指定图片是否被改变成印象派的模糊效果. 模糊效果按顺时针方向进行.
3.2. direction: 设置模糊的方向, 0度代表垂直向上, 然后没45度为一个单位, 默认值是向左270度
3.3. strength: 整数, 代表有多少像素的宽度将受到模糊影响, 默认� ......
今天我们汇总了许多div+css网页设计中经常用到的经验和技巧，大家可以多多参考，对你的页面设计一定有很大的帮助!
如果文字过长，则将过长的部分变成省略号显示：IE5，FF无效，但可以隐藏，IE6有效DIV STYLE=“width：120px；height：50px；border：1px solid blue；overflow：hidden；text-overflow：ellipsis”> 就是比如有一行文字，很长，表格内一行显示不下。
在IE中可能由于注释带来的文字重复问题时可以把注释改为：<！–[if ！IE]>Put your commentary in here…<！[endif]–>
如何用CSS调用外部字体语法：@font-face{font-family：name；src：url（url）；sRules}取值：name：字体名称。任何可能的 font-family 属性的值url（url）：使用绝对或相对 url 地址指定OpenType字体文件sRules：样式表定义
如何让一个表单中的文本框中的文字垂直居中？如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。
定义A标签要注意的小问题：当我们定义a{color：red；}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a：hover就可以了，其它三种状态就是A中所定义的样 ......
网页设计或许对很多人来说是个入门门槛很低的技术,但是要真正掌握div+css网页设计的精华还是需要靠不断的努力和实践才能达到,那么我们应该如何学习div+css网页设计呢?
CSS学习重在方法
学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！
要想把握CSS, 首先要学会HTML，我刚开始是从零开始学习的，花了一个月时间学习HTML，没有老师，书就是我唯一的老师，也没有上网的条件！一个月过后，我就开始学习CSS，刚开始看的第一本CSS书是《CSS网页样式设计》看了几天后发现根本看不懂！，之后换了一本《HTML参考大全》，这本书是网页制作师的案头常备之书！之所以更换这本书来学习CSS，是因为这里面有一部分是CSS，就成了我的CSS启蒙书。看了几段后，觉得外国人写的教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么，而不是象国内的书讲的深浅不一，缺乏条理，好象怕你不知道他很有学问！就象前面所说的那本书《CSS网页样式设计》当时看了，对于初学CSS的我来说，真的不知道它在说什么！
再来谈一下学习过程中的细节，因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合的话, CSS就失去了存在的意义。所以一般书中都会举一个 ......
1) 编译CSS资源
文件浏览器（Navigator）中，在标准的Flex CSS文件上点击右键，点击Compile CSS to SWF即可完成编译CSS的任务。
在程序中可以用StyleManager.loadStyleDeclarations()来读出已编译好的CSS文件中的内容。
具体操作如下:
// 读取Style
private function loadStyle():void
{
var eventDispatcher:IEventDispatcher = StyleManager.loadStyleDeclarations("xxx.swf");
eventDispatcher.addEvent ......
1) 编译CSS资源
文件浏览器（Navigator）中，在标准的Flex CSS文件上点击右键，点击Compile CSS to SWF即可完成编译CSS的任务。
在程序中可以用StyleManager.loadStyleDeclarations()来读出已编译好的CSS文件中的内容。
具体操作如下:
// 读取Style
private function loadStyle():void
{
var eventDispatcher:IEventDispatcher = StyleManager.loadStyleDeclarations("xxx.swf");
eventDispatcher.addEvent ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border-left-color
borderLeftColor
border-left-style
borderLeftStyle
border-left-width
borderLeftWidth
border-right
borderRight
border-right-color
borderRightColor
border-right-style
borderRightStyle
border-right-width
borderRightWidth
border-style
borderStyle
border-top
borderTop
border-top-color
borderTopColor
border-top-style
borderTopStyle
border-top-width
borderTopWidth
border-width
borderWidth
clear
clear
float
floatStyle
margin
margin
margin-bottom
marginBottom
margin-left
marginLeft
margin-right
marginRight
margin-top
marginTop
padding
padding
padding-bottom
paddingBottom
padding-left
paddingLeft
padding-right
paddingRight
padding-top
padding ......
2010-01-26
@import调用css和link href调用有什么区别？
文章分类:Web前端
大家去分析一些大站的css代码时，都会发现调用css有以下两种方法：
方法一：
<style type="text/css">
<!--
@import url("css/main.css");
@import url("css/font.css");
@import url("css/layout.css");
-->
</style>
方法二：
<link href="css/tianyi.css" rel="stylesheet" type="text/css" />
那么这两各方法有什么区别和优缺点呢？
本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。
差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。
link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦之都加载CSS的方式就是使用@import，我一边下载一边浏览梦之都网页时，就会出现上述问� ......
最新文章 : css