随笔分类 -
CSS
-
2007年国外最佳的网站CSS设计(摘)(转)
摘要:本文来源: http://www.cnblogs.com/huacn/archive/2007/12/04/bast_css_design_of_2007.html For those who don’t know, I’m also the guy behind Best Web Gallery and N.Design Studio. In 2006, I starte...
阅读全文
-
DIV实现左边表头固定、右边内容滚动的效果代码
摘要:若要运行代码效果,请另存为div.php文件,后运行。<html><head><style type="text/css"> .scroll{ width:500px; height:124px; overflow-x:auto; overflow-y:hidden;} .title{ width:42px; height:124px; overflow-x...
阅读全文
-
关于box(盒模型)的一系列问题
摘要:width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的margin会加倍比如:<!DOCTYPE html PUBLIC "-//W3C//DTD ...
阅读全文
-
关于垂直居中的问题
摘要:尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂...
阅读全文
-
FF下高度自适应方法
摘要:FF下高度自适应方法: 如果容器中有左浮和右浮对象,容器的背景不会随之延续,也就是容器的高度不能自适应。这种情况在IE中倒不会发生,方法一:最常用的办法是在左右浮对象的下面再加一个div,该div的属性设置如下 .clear{clear:both;font-size:0px;height:1px}方法二:不是在左右浮对象的下面再加一个div,而是在它们的外围再加一个div,并且将这个div左浮,背...
阅读全文
-
CSS样式命名
摘要:关于CSS样式命名问题1.样式命名外 套: wrap主导航: mainnav子导航: subnav页 脚: footet整个页面: content页 眉: header页 脚: footer商 标: label标 题: head主导航: mainbav(globalnav)顶导航: topnav边导航: sidebar左导航: leftsidebar右导航: rights...
阅读全文
|