css
hqmln
这个作者很懒,什么都没留下…
展开
-
css让数字和字母换行
让换行数字换行word-wrap:break-word;原创 2011-10-08 17:28:41 · 159 阅读 · 0 评论 -
区别IE6,IE7,IE8,FF CSS HACK
区别IE6,IE7,IE8,FF CSS HACK【区别符号】:「\9」、「*」、「_」 #divcss5{ background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/ *background:black; /*IE7 背景变黑色*/ _background:orange; /*IE6 背景变橘色*...原创 2013-01-18 16:02:58 · 75 阅读 · 0 评论 -
谷歌和safari webkit独有css hack
介绍下区别谷歌浏览器(Chrome)苹果浏览器(safari)与IE之间的hack;只有webkit核心浏览器的谷歌浏览器、safari浏览器识别的CSS hackChrome和safari的CSS hack代码,只有谷歌浏览器苹果浏览器读取CSS代码:@media screen and (-webkit-min-device-pixel-ratio:0) {/* Webkit内核兼容C...原创 2013-01-18 16:15:40 · 243 阅读 · 0 评论 -
css基础样式
1.line-height 行高line-height:20px 对象内上下2排文字行高为20px(包括文字自身占用高度)错误理解:以为line-height表示每行文字之间的距离,不包括文字自身占用高度2.text-align 内容左中右对齐属性text-align:center 对象内内容左右居中显示错误理解:以为是针对字体的,原来是针对内容的不只字体...原创 2013-01-18 16:46:08 · 84 阅读 · 0 评论 -
css改变选中字体背景色和字体色
默认情况下,选择网站文本都是深蓝的背景,白色的字体,那么我们如何在浏览器中选中文本后的背景色与前景色呢?答案就是:使用这个“::selection”/*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值; color:颜色值; } /*Mozilla Firefox*/ ::-moz-selection { background: 颜色...原创 2013-01-31 14:02:43 · 673 阅读 · 0 评论 -
normalize.css
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。我使用Normalize.css是为了像你所说的对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致https://github.com/necolas/normalize.css...原创 2014-05-20 13:33:49 · 76 阅读 · 0 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因。如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍。方法一:对父级设置固定高度 此方法可用于能确定父级div内子级对象高度。假如以...原创 2014-12-28 19:06:18 · 102 阅读 · 0 评论 -
样式实现的圆圈
效果 使用到的样式技术:clip 属性定义和用法clip 属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能...原创 2015-01-19 15:55:35 · 204 阅读 · 0 评论 -
如何让iframe背景色透明
框架页文件设置:<body style="background-color:transparent" > 或 <body bgColor="transparent">方法一:<iframe src="about.htm" width="100%" height="100%" align="center" scrollin原创 2013-10-09 11:04:25 · 140 阅读 · 0 评论 -
IE下css if条件
<!--[if IE]> Only IE <![endif]-->仅所有的WIN系统自带IE可识别< !--[if IE 5.0]> Only IE 5.0 <![endif]-->只有IE5.0可以识别< !--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->IE5.0包换IE5.5都可以...原创 2013-01-18 15:51:54 · 111 阅读 · 0 评论 -
让ifrae背景透明
1.<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"原创 2013-01-17 16:52:08 · 207 阅读 · 0 评论 -
一个使用css的提示框hint.css
hint.css是使用css的一个提示框框架源码的例子为: <h1>HINT.css</h1> <h3>一个提示框tooltip库使用CSS</h3> <p> <a href="#" class="hint--top" data-hint="提示消息在上边的了&qu原创 2013-05-10 14:47:31 · 428 阅读 · 0 评论 -
用css分割线制作
在easyui中的分割线不是通过图片做的,而是通过定义一个样式做的,其样式为: .pagination-btn-separator{ height:24px; border-left:1px solid #ccc; border-right:1px solid #fff; margin:3px 1px; }使用方法为:<p>分隔条</p> &l...原创 2011-10-09 10:09:09 · 196 阅读 · 0 评论 -
css的特殊样式ime-mode
css 之 ime-mode语法:ime-mode : auto | active | inactive | disabled 取值:auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤...原创 2011-10-11 15:31:52 · 93 阅读 · 0 评论 -
自动换行 word-break:break-all和word-wrap:break-word
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下...原创 2011-10-17 16:48:57 · 101 阅读 · 0 评论 -
图片居中
我在使用css样式设置图片居中的时候一直不成功最后通过在图片包一层div才可以 #content .pic{ text-align:center; vertical-align:middle;} <div class="pic"> <img src="images/1.jpg" align="center"/>...原创 2012-10-24 10:46:41 · 70 阅读 · 0 评论 -
通过样式设定图片自适应大小
样式如下: div img {max-width:600px; //IE7、FF等其他非IE浏览器下最大宽度为600px;width:600px; //所有浏览器中图片的大小为600px;width:expression(document.body.clientWidth>600?"600px":"auto"); //当图片大小大于600px,自动缩小为600...原创 2012-10-24 10:48:05 · 195 阅读 · 0 评论 -
HTML <link> 标签的 media 属性
HTML <link> 标签的 media 属性定义和用法media 属性规定被链接文档将显示在什么设备上。media 属性用于为不同的媒介类型规定不同的样式。实例两种不同的样式表,针对两种不同的媒介类型(计算机屏幕和打印):<head><link rel="stylesheet" type="text/css" href="the...原创 2013-03-08 14:59:18 · 177 阅读 · 0 评论 -
CSS3 Media Query CSS3媒介查询
通过min-width的设置,我们可以在浏览器窗口或设备屏幕宽度高于这个值的情况下,为页面指定一个特定的样式表;max-width则反之如下面代码:<style> /* max-width 宽度小于 600px*/ @media screen and (max-width:600px){ .one{background:#F9C;} sp...原创 2013-03-21 09:29:06 · 99 阅读 · 0 评论 -
Reset CSS
Reset CSS用于重新设置html标签的默认格式官方网址:http://meyerweb.com/eric/tools/css/reset/原创 2013-03-21 14:34:22 · 65 阅读 · 0 评论 -
CSS3 text-overflow
本例演示当光标浮动到元素上时如何显示全部文本<!DOCTYPE html><html><head><style> div.test{white-space:nowrap; width:12em; overflow:hidden; border:1px solid #000000;}div.t...原创 2015-05-27 14:28:14 · 84 阅读 · 0 评论