-
firefox下有滚动条时页面抖动问题的解决方法
解决方法是 CSS里加: 复制代码代码如下: body{overflow: -moz-scrollbars-vertical;}即可 ^_^ 其实上面这个问题并不是很重要, 一个比较严重的情况是 当在页面中有 局部的部分用了滚动条 在页面上...
作者:asdasdasd11-19 -
css 关于空白叠加
况一: 当一个元素出现在另一个元素上面时,第一个元素的底空白边与第二个元素的顶空白边发生叠加。 html结构 <div class="du">上面块</div> <div class="dd">下面块</div> css代码 复制代码代码...
作者:asdasdasd11-19 -
网页变灰配合全国哀悼日的css代码 20100421
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsof...
作者:asdasdasd11-19 -
CSS 之强制换行技巧
对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} eg. <div ...
作者:asdasdasd11-19 -
css margin:0 auto居中
复制一下代码到记事本,修改为html后缀的文件。 代码
作者:asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<tit... -
css3 background属性调整增强介绍
(注:仅对css3对background的调整、增加的属性进行了翻译)css3对于backgrounds做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。
作者:asdasdasd11-19
1、... -
WIN7操作系统下做好IE6,IE7的兼容性测试
前端开发的同行们,特别是涉及页面重构一块的,在web页面完成的时候,一般都要进行个主流浏览器的兼容性测试,一般情况下,像火狐,opera,safari,chrome这种浏览器,直接在网上下载最新的版本就...
作者:asdasdasd11-19 -
CSS 选择器浅谈
A 标签HTML 选择器 复制代码代码如下: body{ padding:0px; margin:0px; background-color:#ffdee0; } B 类别CLASS 选择器 复制代码代码如下: <style type="text/css"> .hongkong{ color:blue; }...
作者:asdasdasd11-19 -
div+css布局中的alpha 不透明度使用说明
语法:filter: Alpha(参数1=参数值, 参数2=参数值,…) 说明:alpha属性包括很多参数,如下表所示。 alpha属性的参数设置 参数 具体含义及取值 opacity 代表透明度水准,默认的范围是从0到...
作者:asdasdasd11-19 -
120个国外的非常优秀的CSS水平导航菜单
导航是一个网站的路标,优秀的导航是网站设计成功地第一步。导航必须是用户友好的,而且要与网站设计风格保持一致,这样才能为用户提供简便的导航。
作者:asdasdasd11-19
... -
CSS技巧之圆角背景与三角形实现方法
的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS...
作者:asdasdasd11-19 -
web标准教程,帮你走进web标准设计的世界 第二讲
上一讲我主要讲解了一下网页的基本结构与网页主体部分的基本结构,以及常用的html标签。 非常感谢网友对我的大力支持,谢谢你们给我的鼓励! 我继续上一讲:又开始实战了,代码敲起来! 复制代码...
作者:asdasdasd11-19 -
固定位置显示弹出层(兼容IE6,IE8,FF)
css样式:复制代码代码如下: <style type="text/css"> body{_background-attachment:fixed; _background-image:url(nothing);} #status-box{width:100px; height:100px; color:#FFF; background-...
作者:asdasdasd11-19 -
CSS 面向对象CSS FAQ
原文:http://wiki.github.com/stubbornella/oocss/faq(翻译时为Version 28) 翻译:ytzong
作者:asdasdasd11-19
在OOCSS中怎么定义“对象”?
对象类似JAVA中的类,保持着OO的特征。
一个CSS对象由4部分... -
2010全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法
还好,微软提供了这样一个代码: <meta http-equiv=”x-ua-compatible” content=”ie=7″ /> 把这段代码放到<head>里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所...
作者:asdasdasd11-19 -
你不知道的outerText,innerText 区别说明
首先,看我们的html定义
作者:asdasdasd11-19
<div id="diva">
<div id="div1">
<a>innerHTML,innerText,outerHTML,outeterText</a>
<input type ="button" onclick ="inner()" value="inner" /... -
彻底弄明白CSS3的Media Queries(跨平台设计)
移动时代,是任何 Web 设计与开发者都不能忽视的一个时代,总有一天,你设计的东西将被显示在两种屏幕上,桌面大屏幕和移动小屏幕,如何让同一个网站同时适应完全不同的两种尺寸的屏幕,这是一个...
作者:asdasdasd11-19 -
CSS first-letter实现首字下沉
前几天在“CSS那些事儿”的群中,一位读者朋友(小土豆)问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了,为什么呢,怎么一点印象都没有呢。赶紧打开电子...
作者:asdasdasd11-19 -
针对主流浏览器的CSS-HACK写法及IE常用条件注释
对于前端工作者,最痛苦的事莫过于浏览器兼容性的调试,而这最痛苦的事中,最变态的莫过于微软的三个版本IE6.0/IE7.0/IE8.0. 为了让所写代码在各主流浏览器中正常运行,我们不得不为各种浏览器写对...
作者:asdasdasd11-19 -
IE6中伪类hover的使用及BUG说明
例如如下的代码: <style> a {} a span {color: green;} a:hover {} a:hover span {color: red; } </style> <a href="http://www.baidu.com">百度<span>百度一下</span></a> 在IE7/FF中,鼠标移...
作者:asdasdasd11-19 -
div完美自适应动态上下左右居中
复制代码代码如下: div { position:absolute; width:500px; height:260px; top:50%; left:50%; margin-left:-250px; height:-130px; z-index:1000; } 文字居中:text-align:center; height:22px...
作者:asdasdasd11-19 -
IE7、IE8、ff下的margin-top问题 折叠margin
而在以前用的时候,从不记得margin也需要不同的浏览器对其进行兼容设置。并且还是在不太支持web标准的IE7下面都可以,其他支持WEB标准的都出现问题。难道是web标准就是这样,曾一度怀疑经常用的...
作者:asdasdasd11-19 -
驯服CSS选择器
PPT:Taming CSS Selectors
作者:asdasdasd11-19
作者:Nicole Sullivan
翻译:ytzong
CSS 文件的大小和所引起的 HTTP 的请求数
是 CSS 性能的最关键因素
回流(reflow)和渲染时间
(非常!)没那么重要... -
web标准教程,帮你走进web标准设计的世界 第三讲(html终结篇)
上一讲我主要讲解了一下网页常用的几个html标签。
作者:asdasdasd11-19
非常感谢网友对我的大力支持,谢谢你们给我的鼓励!
本节我将给大家讲解表单标签和table标签,ok,Begin!Right now!
标签10:表单标签
功能:... -
z-index ie6下的解决方案
XML/HTML Code复制内容到剪贴板
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="htt...