-
select和input不会继承字号body font-size
复制代码代码如下: <!DOCTYPE html> <html lang="zh-Hans-CN"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>test</title> <style> body { font-size:...
作者:asdasdasd11-19 -
IE6 Bug overflow:hidden失效
下面就是我所收集或遇到的IE6 Bug之一:overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 CSS代码 复制代码...
作者:asdasdasd11-19 -
两个div并排的实现代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者:asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta h... -
CSS list-style熟悉解释
原来工作中曾经碰到过UL列表里一些异常的表现, 加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 这个贴子,所以测试了一下list-style的各种属性,发现了一个有意思的现象 先看一...
作者:asdasdasd11-19 -
CSS学习之二 选择器
1、元素选择器:往往是HTML元素,也可能是XML定义的元素,举例: 复制代码代码如下: h1 {color:red;}/* 元素选择器 */ h2 {font:normal 12px/16px "Courier New",Arial;}/* css关键字由空格隔开...
作者:asdasdasd11-19 -
css实现的漂亮的分页效果代码(橘黄色与蓝色)
在做pj皮肤的时候到网上搜了个分页效果,因为颜色不搭就没用,但是个人认为挺漂亮。代码也够简洁。下面是用的背景图片:html代码: 复制代码代码如下: <div id="pagebar"> <a href="#"><<</a> <...
作者:asdasdasd11-19 -
3个比较有用的网页制作技巧
一、在一行内声明CSS 复制代码代码如下: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; backgro...
作者:asdasdasd11-19 -
让Firefox未载入图片显示边框
下面就是解决Firefox未载入图片不显示的解决办法:1.下载Stylish插件 https://addons.mozilla.org/zh-CN/firefox/addon/2108/2.安装并重启Firefox后,可以看到状态栏右侧有一个有S字母的灰色长方形...
作者:asdasdasd11-19 -
IE6盒子模型没问题 详测双倍边距
2010-8-18 去腾讯面试,问IE6。 前两天看的《IE6 很邪恶,但我爱它的盒子模型》,我说盒子模型如何如何,面试官告诉我IE5的盒子模型有问题,不是IE6。 回来查查书,《Web标准实战》上说了,是IE...
作者:asdasdasd11-19 -
css3.0新属性效果在ie下的解决方案
css3.0增加的新属性,如投影、渐变、旋转、圆角等等!这些新标准属性在ie6、ie7、ie8浏览器版本里得不到很好的支持,相信ie以后的新版本也会支持这些新属性的。目前ie6、ie7、ie8浏览器不支持这...
作者:asdasdasd11-19 -
使用CSS sprite 的好处和坏处分析
原文:CSS Sprites: Useful Technique, or Potential Nuisance?
作者:asdasdasd11-19
译文:CSS Sprites:鱼翅还是三鹿?
无处不在的 CSS sptites - 为数不多的几个可以直接跳过”流行”这个过程,而可以... -
多个浏览器透明度设置
各个浏览器透明度设置 filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
作者:asdasdasd11-19
... -
编写跨浏览器兼容的 CSS 代码
为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近...
作者:asdasdasd11-19 -
CSS在移动网站开发的前端技术和技巧
介绍
作者:asdasdasd11-19
Mobile css的标准也是有些复杂的,与前一篇文章中提到的类似,之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事实上它们都是CSS 2.1的子集,而且内容非常接近,不同... -
IE与Firefox中CSS兼容性技巧大全
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。
作者:asdasdasd11-19
CSS技巧
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个... -
优秀的CSS 框架整理
比如: * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置下面是一些不错的CSS框架,推荐学习使用。
作者:asdasdasd11-19
Elemen... -
让IE6、IE7、IE8支持CSS3的脚本
如果你需要一个支持CSS3 的box content,你需要添加一行代码: behavior: url(ie-css3.htc); 代码: 复制代码代码如下: .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius...
作者:asdasdasd11-19 -
CSS min-height IE6、IE7、FF下DIV自适应高度
在DIV的CSS中加入这句:min-height:200px;height:auto; 这样在高度超过200px之后 ie6 7 ff下高度都能自适应
作者:asdasdasd11-19
... -
用网页技术CSS实现网页背景渐变的四种代码设置
一、从上往下渐变 复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变 复制代...
作者:asdasdasd11-19 -
Css Reset 复位相关资料整理
PS: *{ padding:0; margin:0; } 这就是最常用的Css Reset,但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"CssReset"也是为了兼容与统一,正确有效的使...
作者:asdasdasd11-19 -
IE6 select z-index无效,遮挡div bug的解决方法
今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只...
作者:asdasdasd11-19 -
CSS和“★”字符制做的中国国旗实现代码
在网上看见 某位牛人用CSS做的红旗 就是很牛! 上图先看:
作者:asdasdasd11-19
<html>
<head>
<title>CSS中国国旗</title>
<style type="text/css">
.all{
background-color:red;
width:960;
height=640;
... -
css屏幕居中的方法(推荐)
复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; c...
作者:asdasdasd11-19 -
CSS 层叠样式表命名参考表
命名参考
作者:asdasdasd11-19
页面结构类
描述
下划线命名
骆驼式命名
参考命名
面板
... -
Vertical Text with CSS(用CSS竖向排列文本)
CSS代码: 复制代码代码如下: #right-col { background-color:#000; color:#ff6600; width:390px; } #right-col p { -webkit-transform: rotate(-90deg); /* for Safari, Chrome */ -moz-transfo...
作者:asdasdasd11-19