css样式
PhoebeSky
这个作者很懒,什么都没留下…
展开
-
Chrome下字体显示不能小于12px的解决方法
今天工作的时候,发现的一个问题,于是在网上查找相关信息,还真是有解决办法呢,亲自试过了好使添加一个webkit的私有属性:.class{-webkit-text-size-adjust:none;}不建议使用全局属性:html{-webkit-text-size-adjust:none;}而是有针对性的对我们需要定义字体小于12px的地方去使用这个webki原创 2012-11-19 15:04:34 · 604 阅读 · 0 评论 -
网站性能优化之CSS无图片技术
一、无图片技术定义在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”?首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为转载 2013-06-03 19:52:27 · 609 阅读 · 0 评论 -
一个sprite很好用的网站
Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of原创 2013-06-06 17:18:37 · 764 阅读 · 0 评论 -
关于背景透明,文字不透明的最佳方法,兼容IE
关于解决背景透明,文字不透明的一种方法原创 2013-07-03 11:42:46 · 943 阅读 · 0 评论 -
详解CSS选择器、优先级与匹配原理
作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候。这里给大家列举一个例子:给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用。通过Firebug查看,发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结。51CTO推荐阅读:巧妙地使用CSS选择器选择器原创 2013-08-01 16:50:22 · 925 阅读 · 2 评论 -
pt和px,em之间的转换
6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 10转载 2013-11-13 16:44:32 · 1124 阅读 · 0 评论 -
CSS命名规范和规则
css命名规范,一些准则原创 2013-11-14 15:39:52 · 1115 阅读 · 0 评论 -
关于文字超出用省略号显示text-overflow:ellipsis
文字超出 隐藏 用省略号显示原创 2013-12-12 16:18:21 · 1047 阅读 · 0 评论 -
一个属性解决Table的边框问题(border-collapse )
一个属性解决Table的边框问题(border-collapse )原创 2014-03-26 12:14:24 · 5365 阅读 · 0 评论 -
什么时候使用CSS与Table
TW的正文页之前为了考虑小显示器小风辨率的用户,宽度用了 850px,现在用大分辨率的用户越来越多,为了跟首页统一,都要改成950px。因为2年前做页面的时候就用了CSS布局,所以,虽然正文页有几十万个页面,但只修改了一个css文件和几个相关的图片,就都变了。如果当初用了table布局,后果不不堪设想…..早几年,网上曾兴起过CSS布局和Table布局的争论,一部分人不以为然,认为css只不过原创 2013-05-21 22:38:30 · 808 阅读 · 0 评论 -
chrome、firefox、IE 处理input 光标的区别
浏览器中input输入光标位置错位详解在工作中遇到的问题,尝试着找找解决方法,还真有呢!记下来方便自己方便他人吧以前在项目里碰到过一个问题 input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中,在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字原创 2013-05-21 22:21:12 · 1873 阅读 · 0 评论 -
CSS3的文字阴影—text-shadow
前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法,这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow转载 2012-12-12 17:08:18 · 4610 阅读 · 0 评论 -
关于font:14px/25px Arial 的所表达的意思
关于font:14px/25px Arial 的所表达的意思其中14px表示字体大小;25px表示行高原创 2013-01-08 11:22:44 · 2812 阅读 · 0 评论 -
csdn首页体验
刚打开csdn的首页,看见有新版发布,便体验了下有图片有真相,第一张是老版的,下面是新版的,真的很舒服,也很大气,起码我是这样感觉的因为对用户体验感兴趣,所以岁页面的舒适度可能更敏感些这次的改变真的很大,字体的变化,字号的变化,布局的变化不得不说,微软雅黑的字体真的是比宋体看着舒服多了,所以我个人更加喜欢微软雅黑字号由之前的12号变成14号,看着真是很舒服,原创 2013-04-03 18:15:28 · 598 阅读 · 0 评论 -
关于a标签的虚线问题
之前也遇到过这个问题,忘记是怎么解决了,这个问题再次出现时,还得现找,这个是经过测试没问题的解决办法,有需要的童鞋可以试试如果所有的a标签可以直接都需要,直接加载css样式里就可以:a {outline: none;}a:active {star:expression(this.onFocus=this.blur());}:focus { outline:0; }原创 2013-04-11 15:17:20 · 959 阅读 · 0 评论 -
ie6不兼容input[type="text"]的样式写法
什么时候可以完全忽略IE6啊,我就解脱了input[type="text"]{ height:30px; border:1px solid #ccc;width:100px}这样写的样式IE6都不支持折磨了我好久啊,找不到原因,经过了不知道多少次的测试终于发现原来如此IE6就不能用一点智能的新技术原创 2013-04-12 16:30:55 · 1045 阅读 · 0 评论 -
css透明---css样式之美
纯CSS3透明水晶盒标签:css3 & 变换 & 投影 & 透明 & 阴影 相信大家有看过这个例子:3D盒子,在书《CSS3 实战》上第282页有个综合实战“设计动态立体盒子”的例子,实现方式跟它一样,我的盒子也是以它为原型来设计的,不过在实现方面有做修改、优化,以及增添了一些细节,下面是我的盒子Firefox截图:透明化了盒子,通透性强了,因为透明了,所以背部原创 2013-05-21 22:18:33 · 1596 阅读 · 0 评论 -
rgba alpha 透明度的转换计算
rgba 和IE下filter数值的转换rgba 透明值IEfilter值0.1190.2330.34C0.4660.57F0.6990.7B20.8C80.9E5原创 2013-05-14 17:40:57 · 4430 阅读 · 0 评论 -
Firefox CSS私有属性备忘记录
有时..有些东西Firefox 总是支持不好.只能找私有属性来帮忙.例子还没做,因为太多太不了解了,等理解得差不多时搞成本电子书.虽然这些不推荐使用,可是万不得以的时候总得有个解决的方法..以下是引用片段: At-rules @-moz-document url(http://www.w3.org/), url-prefix(http://www.w3.org原创 2013-05-21 22:26:42 · 769 阅读 · 0 评论 -
CSS3 box-shadow(阴影使用)
css3 box-shadow 内阴影与外阴影 1-box-shadow具体使用方法,语法: E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说:对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}转载 2014-09-25 16:55:48 · 602 阅读 · 0 评论