HTML/CSS技术

HTML/CSS技术

保存几个不错的css特效字

阅读(30) 作者(admin)

.drop0 {color:#FFFFFF;filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}.drop1 {color:#000000;filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px...

HTML/CSS技术

保存几个不错的css特效字

阅读(22) 作者(admin)

.drop0 {color:#FFFFFF;filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}.drop1 {color:#000000;filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px...

HTML/CSS技术

CSS实现表格的背景两色渐变

阅读(40) 作者(admin)

原理是使用Alpha 滤镜在每个表格上加上一个透明渐变,由table的背景颜色控制,单个td控制另一色渐变 Alpha 滤镜 语法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=star...

HTML/CSS技术

CSS实现表格的背景两色渐变

阅读(33) 作者(admin)

原理是使用Alpha 滤镜在每个表格上加上一个透明渐变,由table的背景颜色控制,单个td控制另一色渐变 Alpha 滤镜 语法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=star...

HTML/CSS技术

双表法调用样式表

阅读(32) 作者(admin)

用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。...

HTML/CSS技术

梦幻式下拉菜单

阅读(37) 作者(admin)

A {TEXT-DECORATION: none}A:hover {COLOR: #ff9900; TEXT-DECORATION: underline}TD {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}TH {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}BODY {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}#mnu {F...

HTML/CSS技术

梦幻式下拉菜单

阅读(42) 作者(admin)

A {TEXT-DECORATION: none}A:hover {COLOR: #ff9900; TEXT-DECORATION: underline}TD {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}TH {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}BODY {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}#mnu {F...

HTML/CSS技术

双表法调用样式表

阅读(45) 作者(admin)

用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。...

典型的三行二列居中高度自适应布局
HTML/CSS技术

典型的三行二列居中高度自适应布局

阅读(31) 作者(admin)

如何使整个页面内容居中,如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子,并详细解释。(本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。)首先先按这里看实际运行效果...

HTML/CSS技术

闭合浮动元素超级简单的方法

阅读(35) 作者(admin)

无意中看到的一个非常不错的小技巧.是关于用CSS处理闭合浮动元素的方法,收藏了.

关于闭合浮动元素(clearing float)的方法现在已经很多了,你还不了解的话去old9的blog看看,有一篇闭合浮动元素。

这些方法我最喜欢就是...

HTML/CSS技术

闭合浮动元素超级简单的方法

阅读(30) 作者(admin)

无意中看到的一个非常不错的小技巧.是关于用CSS处理闭合浮动元素的方法,收藏了.

关于闭合浮动元素(clearing float)的方法现在已经很多了,你还不了解的话去old9的blog看看,有一篇闭合浮动元素。

这些方法我最喜欢就是...

典型的三行二列居中高度自适应布局
HTML/CSS技术

典型的三行二列居中高度自适应布局

阅读(26) 作者(admin)

如何使整个页面内容居中,如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子,并详细解释。(本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。)首先先按这里看实际运行效果...

文字应用css滤镜集锦
HTML/CSS技术

文字应用css滤镜集锦

阅读(36) 作者(admin)

.abc { line-height: 22px} .t12 { font-family:华文行楷; font-size: 15px; font-weight: lighter; color: ##C3C1C1; Filter: dropshadow(color=#ffffff,offx=1,offy=1); TEXT-ALIGN: ce...

文字应用css滤镜集锦
HTML/CSS技术

文字应用css滤镜集锦

阅读(43) 作者(admin)

.abc { line-height: 22px} .t12 { font-family:华文行楷; font-size: 15px; font-weight: lighter; color: ##C3C1C1; Filter: dropshadow(color=#ffffff,offx=1,offy=1); TEXT-ALIGN: ce...

CSS hack浏览器兼容一览表
HTML/CSS技术

CSS hack浏览器兼容一览表

阅读(38) 作者(admin)

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。...

用!important解决IE和Mozilla的布局差别
HTML/CSS技术

用!important解决IE和Mozilla的布局差别

阅读(26) 作者(admin)

在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果 Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成的(参考...

用!important解决IE和Mozilla的布局差别
HTML/CSS技术

用!important解决IE和Mozilla的布局差别

阅读(43) 作者(admin)

在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果 Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成的(参考...

CSS hack浏览器兼容一览表
HTML/CSS技术

CSS hack浏览器兼容一览表

阅读(24) 作者(admin)

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。...

HTML/CSS技术

_blank开新窗口不符合标准?

阅读(32) 作者(admin)

本文参考了以下文章:Kevin Yank的《New-Window links in a Standards-Compliant World》 《Standards-based Replacement for target="_blank" in External links》我们要在新窗口中打开链接通常的做法是在链接后面加t...

HTML/CSS技术

_blank开新窗口不符合标准?

阅读(41) 作者(admin)

本文参考了以下文章:Kevin Yank的《New-Window links in a Standards-Compliant World》 《Standards-based Replacement for target="_blank" in External links》我们要在新窗口中打开链接通常的做法是在链接后面加t...