CSS
牛人也得看的15个CSS常识
- 不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
- 无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。
- 慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。
- CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。
- 样式放头上，脚本放脚下。不内嵌，只外链。
- 坚决不用 CSS 表达式。
- 使用 引用样式表，而不是通过 @import 导入。
- 一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。
- 千万不要在 HTML 中缩放图片，一者不好看，二者占资源。
- 正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。
- block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。
- 段落之间，至少要有一倍行距。
- 强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。
- 中文标点用全角。英文夹杂在中文中，左右空格，半角。
- 中文字体的粗体和斜体，远离较好，利民利己。
类别 :
CSS (阅览:)
让WordPress在不同浏览器下选择不同CSS
以前一直用”微软雅黑”做为博客的默认字体,后来发现使用”微软雅黑”在Window下的其他浏览器字体显示带很多锯齿,反而浏览不方便,下面我教大家实现不同浏览器到CSS选择. 继续阅读请点击…
可以选择浏览器的的CSS
1 2 3 4 5 6 7 | <!--[if lt IE 7]> <link href="/css/ie7.css" rel="stylesheet" type="text/css" media="screen, handheld, projection, tv" /> <script type="text/javascript" src="/js/ie6.js"></script> < ![endif]--> <!--[if lt IE 8]> <link href="/css/ie8.css" rel="stylesheet" type="text/css" media="screen, handheld, projection, tv" /> < ![endif]--> |
先记录一下,呵呵!感觉很实用!如果是IE7就与您上面的CSS,如果是IE8就运行下面的CSS
继续阅读请点击…
base target=”_self”标签的用法
书上说在模型窗口中加入<base target="_self"/>标签即可。这个属性有IE6与IE7之分。作用就是让页面的所有链接只在本窗口内打开。
注：
1、如果你是IE6，你将<base target="_self"/>加入到<head>标签里就可以了。
2、如果你是IE7，你必须将<base target="_self"/>加入到<head>的标签内位置。
代码示例：
1 2 3 4 5 6 7 | <html> <head> <title>test</title> <base target="_self"/> ............. </head> </html> |
心得：
1 | <base target="可以是你框架页面的框架名"/> |
类别 :
CSS,JavaScript (阅览:)
IE浏览器滚动条样式
如果你的浏览器不能正确显示，请检查浏览器的版本，在IE 5.5以上才支持的。
1 2 3 4 5 6 7 8 9 10 | body { scrollbar-base-color: #FF0000;/* 滚动条的基本颜色,不知道在哪里体现 */ scrollbar-face-color: #EAEAEA;/* 滚动条凸出部分的颜色,就是我们拖动那个条主色 */ scrollbar-track-color: #FFFFFF;/* 滚动条的背景颜色,滚动条不在的区域 */ scrollbar-arrow-color: #E4007F;/* 上下按钮上三角箭头的颜色 */ scrollbar-3dlight-color: #FFFFFF;/* 滚动条亮边的颜色,最左细边的颜色 */ scrollbar-highlight-color: #E3E2E2;/* 滚动条空白部分的颜色,条子左边的细条,不是最左边 */ scrollbar-shadow-color: #DCDADA;/* 立体滚动条右边的颜色,小细边的颜色,是中间夹层 */ scrollbar-darkshadow-color: #C6C6C6;/* 滚动条强阴影的颜色,最右细边,开始黑色的 */ } |
类别 :
CSS (阅览:)
Page 1 of 11
