![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
lishushan
这个作者很懒,什么都没留下…
展开
-
几个经典的css技巧
使用 line-height 垂直居中Css代码 <embed type="application/x-shockwave-flash" width="14" height="15" src="http://www.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" flashvars="clipboard...原创 2010-01-09 20:41:40 · 80 阅读 · 0 评论 -
css命名规范
最近看到了些关于css命名方面的文章,对于这方面我也有自己的看法。我接触css有很长一段时间了,对于css的命名我也是在逐步改进。感觉工作中比较常碰见的问题:1.需要给层定义各种尺寸的宽度,高度基本是不用定义的2.层的padding和层之间的margin3.给文字高亮颜色4.各种样式的tab和button5.不同的背景色6.各种样式的border7.左浮动,右浮...原创 2010-01-09 20:42:41 · 60 阅读 · 0 评论 -
CSS选择器ID和CLASS的优缺点对比
id的优点(class的缺点):id写在css用"#"选择器,class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍,所以当你需要提升优先级的时候,id标签,或者id容器内的标签将是很容易和有效的。而class标签,或者class容器内的标签将可能导致优先级的提升失败。id的缺点(class的优点):id应该是唯一的,所以它的可复用性是很差的,而class是可以复...原创 2010-06-04 15:27:25 · 1177 阅读 · 0 评论 -
padding和margin在各种浏览器中的差异
padding和margin可以让一块区域的外观显示完全一样。所以可能让很多人认为padding和margin是可以互换。其实它们的差别很大,而且选择哪个需要认真和慎重地考虑。我认为对容器使用padding还是对容器内的标签使用margin的原则:当隐藏这个容器或者容器内的标签时(现实项目中其实经常需要将某个部件隐藏、显示),对整体布局影响最小为益。 对于padding:ie6,...原创 2010-06-04 15:27:58 · 233 阅读 · 0 评论 -
正确使用CSS的height和min-height
在只需要兼容ie6的时候完全不需要注意min-height这个样式,ie6不支持这个样式。但是当你的页面需要照顾到ie7和ff的时候,这个样式一定要注意。因为很多在ie6下设置了height=固定值的样式,当容器被里面的东西撑的大于这个高度的时候,ie7和ff是不会自适应高度的。从而导致布局的混乱。要想在ie6,ie7和ff中都可以自适应高度,正确的做法是设置min-height和用css...原创 2010-06-04 15:28:31 · 131 阅读 · 0 评论 -
程序员写Css 样式设计,我也不是很差
**//*按钮样式*/ .ButtonCss { font-family: "Tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BO...原创 2010-06-30 17:18:20 · 129 阅读 · 0 评论 -
介绍一个网页来测试你的浏览器内核代码有多符合标准
IE6的“烂”是众所周知的事,在当时浏览器世界还只是IE独霸的年代,过度自我的内核代码让这个无论JS执行速度,CSS解析匹配度,还是各种国际标准的匹配度都难以忍受的浏览器一直在大家的唾液中死皮赖脸的站立着,正是因为如此,比尔老先生才给了火狐,Webkit(包括Safari (4.05)和Chrome (5.0)等),Opera等浏览器内核可乘之机,才会造成当今的4大浏览器内核分庭抗...原创 2010-07-03 13:28:05 · 121 阅读 · 0 评论