兼容各大浏览器的CSS透明的技巧

关于CSS透明度,有一点需要注意的是,它虽然使用了很多年,但它一直以来都不是一个标准属性。它是一种非标准技术,应该是CSS3规范的一部分。 一、旧的Opacity设置 以下代码是Firefox和Safari旧版本所需的透明度设置: Example Source Code #myElement{-khtml-o...

日期:2011-03-12 21:50:42

点击:121

CSS网页布局中默认字体样式的写法

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。 拿...

日期:2011-03-12 21:42:03

点击:542

利用CSS的@font-face属性在网页中嵌入字体

字体使用是网页设计中不可或缺的一部分。网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明...

日期:2011-03-12 21:35:19

点击:88

CSS+JavaScript实现居中的半透明弹出层

DivCSS+JavaScript实现弹出一个始终居中的半透明层,它可以自动适应浏览器窗口大小,拖动IE滚动条它仍然居中,而且还可以改变它的透明度,和大站的效果是一样的。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...

日期:2011-03-12 21:28:40

点击:158

CSS网页布局中容易发生的错误编码问题

在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步。 一、检查HTML元素是否有拼写错误是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 二、检查CSS是否正...

日期:2011-03-12 21:27:01

点击:116

css误区:CSS网页布局避免滥用DIV与span

CSS网页布局应该避免滥用div元素一直是我们倡导的,以合适的HTML标签组织文档是CSS网页布局的基...

日期:2011-03-12 20:56:25

点击:166

CSS实现DIV的高度自适应

关于 div 高度的自适应,一直是个让人头疼的问题,整理了一下以前总结的方法,仅表示我也玩过。目前,这种方法是最流行的,同样也是一种“欺骗性”的解决办法,不过除了多使用一张图片之外,都可以堪称完美,这也是笔者极力推荐的! [html]代码: 这边的高度...

日期:2011-03-01 22:42:05

点击:223

关于css属性absolute的一些解析

记得刚认识absolute的时候,不知道在哪本参考书上看到过关于关于它的介绍,大概意思是这样的,“一个定义了absolute的子级元素(以下简称child)总离不开一个定义relative的父级元素(以下简称parent),否则child将相对于body定位”,时至今日,我不敢说这...

日期:2011-03-01 22:36:41

点击:177

来自google的非背景中图片的css sprites应用

前些天注意到google的一个css sprites,页面是在google的搜索结果页面,例如 在google搜索zend studio ,就在这个页面,初看左上角的logo并无任何特别,当我准备将其另存为,我发现,这整张图片是这样的: 因为在背景中我是常用到或者看到css sprites,而这张...

日期:2011-02-26 21:34:38

点击:138

CSS解决IE和火狐居中对齐兼容问题

问题描述:在ie里面显示是居中的,但是在firefox里就变左对齐了。这是ie与firefox浏览器解析css样式的区别,两者不完全兼容....

日期:2011-02-22 09:41:01

点击:198

css代码ie6 position:fixed解决方案

当前主流浏览器中,chrome,firefox,ie7,8等想要固定一个元素位置,不随内容的滚动而滚动,众所周知,css中position: fixed;即可解决。 可是要在IE6中实现固定效果,position: fixed;就不奏效了。 目前我所知的ie6下fixed的方案大概有纯css和expression+js两种,各有利...

日期:2011-02-12 13:46:36

点击:17

使用css实现背景色半透明效果代码

其实说到半透明,相信绝大部分同仁应该都知道的一种很常用的方法,即css3的opacity结合ie alpha滤镜即可。...

日期:2011-02-12 12:03:31

点击:1889

纯CSS实现“三角形箭头”布局的实例代码

CSS实现“三角形箭头”布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载...

日期:2011-02-12 09:48:50

点击:127

CSS兼容浏览器实现圆角代码

CSS兼容浏览器实现圆角代码: [css]代码: .rounded-corners { -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3, IE9 支持此样式 */}...

日期:2011-02-09 12:32:24

点击:74

简单CSS代码实现透明效果

简单CSS代码实现透明效果 [css]代码: /* 值越大,越不透明*/img { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x *...

日期:2011-02-09 11:30:38

点击:157

jQuery关于CSS操作使用说明

对于jQuery的源代码,其中关于CSS及className的操作思想确实很不错,值得借鉴。 其中关于jQuery.className.has的定义部分,是用的正则来实现的,其实此处直接利用Javascript中String对象的indexOf方法来作处理的话,比用正则效率会更些,因此 jQuery.classNa...

日期:2010-10-14 23:06:19

点击:145

IT技术网收集:CSS经典技巧十则

1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font:bolditalicsmall-c...

日期:2010-10-13 00:21:15

点击:94

网页制作常用的5个CSS书写技巧

1. CSS Reset/重置 你也许需要先了解什么是css重置。然后怎么样写css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根据你的项目改成你自己的reset. 不要使用* { margin: 0; padding: 0; } 。我个人很爱用,原作者提到使...

日期:2010-10-13 00:19:52

点击:133

深入剖析:CSS框架的利与弊

CSS框架之利: 1、开发效率的提高。 如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率,避免一些常见的错误。如果你的工作是按件计费的,你的报酬一定会比别人多。 2、规范代码命名。 在...

日期:2010-10-13 00:18:08

点击:136

分享:CSS精粹之布局技巧

1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见 http://validator.w3.org 请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新...

日期:2010-10-13 00:17:18

点击:154

CSS hackIE与Firefox的CSS兼容大全

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时,...

日期:2010-10-13 00:13:54

点击:186

CSS中:list-style-type的用法

语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha...

日期:2010-10-13 00:10:39

点击:118

四种引入CSS样式表的方式

一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。 元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: TD STYLE=COLOR:BLUE; font-size:9pt; font-family:标楷体; line-height:150% 这种用法的优点 是可灵巧应用样式於各...

日期:2010-10-13 00:09:23

点击:73

CSS如何设置网页滚动条的颜色

我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 下面来看代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3....

日期:2010-10-13 00:06:42

点击:216

2010最新CSS Hack汇总快查

*:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html {} 当面临需要只针对IE7做样式的时候就可以采用这...

日期:2010-10-10 15:34:21

点击:200

CSS初学者必知:CSS选择符详解

一、类型选择符 什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。 如下: body {} div {} p {} span {} 二、群组选择符 对于XHMTL对象,可以对一组同时进行了相同的样式指派。 使用逗号对选择符...

日期:2010-10-10 00:13:49

点击:176

CSS兼容性解决方案合集

使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28p...

日期:2010-10-10 00:11:22

点击:178

CSS+DIV有什么优点及优势

CSS+DIV是网站标准(或称WEB标准)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets(层叠样式...

日期:2010-10-10 00:01:37

点击:180

新手使用CSS的基本技巧

我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。 一.使用css缩写 使用缩写可以帮助...

日期:2010-10-09 23:53:34

点击:130

173IT技术网总结常用CSS缩写语法

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有...

日期:2010-10-09 23:45:59

点击:175

Ubuntu在经济风暴中屹立不动

Ubuntu在经济风暴中屹立不动...

日期:2011-01-08 11:18:26

点击:20

开发J2EE应用应遵循的几点原则

J2EE,作为开发mission-critical的企业级应用的一整套规范的整合平台,规范多、内容广,从而给开发J2EE应用带来了很多“麻烦”。比如,为实现内容的RDBMS存储,我们可能的方法有JDBC、Entity Beans、JD...

日期:2011-01-06 17:47:45

点击:9

提高PHP编程效率 引入缓存机制提升

0、用单引号代替双引号来包含字符串,这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量,单引号则不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的...

日期:2011-01-05 16:34:37

点击:13

不同分辨率下网页设计标准尺寸

网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 10...

日期:2010-10-13 23:29:16

点击:179

看一条Linux命令 了解一段人类文明

今天偶然在一个博客上看到关于Linux中日期隐含一段历史的介绍,很好奇,按照别人介绍的方法试验了下……...

日期:2011-01-06 10:50:25

点击:12

谈团购网站如何为商家提供可持续

现在的团购流程是:浏览-》购买-》消费-》评价-》结束,这是一个线性的、不可循环的流程,大多数消费者是消费一次就走,然后在团购网站上寻找下一家优惠到足够吸引他去消费的商家;...

日期:2011-01-20 17:07:35

点击:8

LAMP平台的配置和安装详解

大纲:一、系统安装二、编译安装基本环境三、配置虚拟主机及基本性能调优四、基本安全设置五、附录及相关介绍...

日期:2011-01-05 17:12:39

点击:9

Word中简单一步建立Excel表格

作为Office中最常用的Word,有时需要用到表格的时候很多用户都不大喜欢在Excel从新建立一个表格执行复制操作,然后在粘贴回Word中。此时最快最有效率的方法就是在Word中插入表格,但是直接按插入表格就会出现输入多...

日期:2011-01-06 12:23:29

点击:13

IXWebHosting信用很不错分享退款经历

美国主机侦探的ixwebhosting版块版主说的域名注册超过24小时要扣19.95美金的,而我注册的免费域名已经超过4天,他也全额退款了,当然域名就取消了。之前听说IXWebHosting信用不好,态度很差,或者拖延时间拒付退款的,都是个别情况吧,至少我觉得他们效率还是...

日期:2011-01-20 17:07:36

点击:19

IE9正式版版本号曝光 本月将正式发

按照传统惯例,在正式版发布之前微软将完成一个RTM-Escrow版本,该版本意味着此软件的开发过程已经结束,接下来就是和测试人员一起最后打磨该软件。 据可靠消息, IE9的RTM-Escrow版本已经确定,版本号为9.0.8110.16409 。在RTM-Escrow之后通常一个月内微软...

日期:2011-03-04 20:09:11

点击:215

共3页/63条 首页 1 2 3 下一页 末页