随笔分类 -  CSS

CSS日志
摘要:DIV+CSS网页布局技巧实例1:设置网页整体居中的代码以前用表格布局时设置网页居中非常方便,把表格对齐方式设置为居中就行了,就这么简单,现在呢,用DIV+CSS样式表控制,好像不是那么容易了,其实也很简单,只不过方式不同而已。标准之路www.aa25.cn 请看这段代码,宽度为适合800×600分辨率浏览器的宽度,margin:0 auto; 这句代码就是让居中了,意思是外边距上下设置为0,左右设为自动。这样它就居中了。 那么可能你要问了,text-align:center;为什么还要让内容居中呢?呵呵,别着急,这句是为了适应IE6以下版本的浏览器而加的,IE6以下对margin: 阅读全文
posted @ 2013-12-05 17:20 西科程序 阅读(249) 评论(0) 推荐(0)
摘要:CSS+JS+HTML 阅读全文
posted @ 2013-10-23 22:23 西科程序 阅读(678) 评论(0) 推荐(0)
摘要:如上图这样的商标的写法(css) .triangle{ float:left; display:block; height:0px; width:0px; border:14px solid #F00; border-color:#D33A34 transparent #D33A34 #D33A34; border-style:solid dashed solid solid;}比如这个商标的类叫triangle,然后这样的一点代码就行了位置自己调了,border-color 的属性就自己上网查下就行了,我在这里就不做详细的解说了 阅读全文
posted @ 2013-09-20 15:57 西科程序 阅读(142) 评论(0) 推荐(0)
摘要:首先看下效果: 用函数:写法: 1 然后在html中的body中调用就行()这是用函数的方法来显示星级(用图片)当然还有几种方法,如纯css或者是CSS+js。纯css(不用图片): 1 /*CSS Star start*/ 2 .star-rating 3 { 4 list-style: none; 5 margin: 0px; 6 padding: 0px; 7 width: 100px; 8 height: 20px; 9 position: relative; 10 background: url(star_rating.gif) top left repeat-x; ... 阅读全文
posted @ 2013-09-09 22:23 西科程序 阅读(218) 评论(0) 推荐(0)
摘要:现在来说说关于z-index的用法,刚刚在写看页面的时候遇见这样的CSS代码,z-index : 2; 当时还不知道是干嘛用的,也不知道有什么作用,上网查了资料才知道。几个例子吧,当你在需要把页面中的某个元素固定在页面中某个位置的话,你需使用这样的代码: position : fixed; 来固定,如果你不用z-index : 2; 来设定的话,被固定的元素会随着页面的切换而改变。 这个属性值是可以随便设置的,但最好是正值,值越大那么这个元素就会被放在最上面。 那么现在有这样一个问题,如果同时有几个这样的z-index属性而且属性值还一样,那么会怎样布局呢,这个问题很简单。aaaaaaabb. 阅读全文
posted @ 2013-08-12 20:50 西科程序 阅读(396) 评论(0) 推荐(0)
摘要:我们都知道CSS中定位属性position的值,除了默认的值外,还有absolute,relative和fixed。我平时比较常用absolute和relative,而position:fixed却没多关注。或许是因为当初在CSS中文手册中看到position:fixed旁边有说明“IE5.5及NS6尚不支持此属性”。有时候在做项目时需要使一个层相对于浏览器边框固定,如果用position:absolute,发觉absolute是对网页边框而言的。根据滚动条的移动,动态地改变left和top的值的JavaScript语句,虽然能实现了类似的效果,但滚动条移动时,那个层晃来晃去的,感觉不好看,想 阅读全文
posted @ 2013-08-12 20:49 西科程序 阅读(1123) 评论(0) 推荐(0)