首页 » "css" 标签下的文章

常用的CSS命名规则

归类于 DIV+CSS 参与评论

头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
继续阅读

DIV下图片自适应解决方法

归类于 DIV+CSS 参与评论

div下图片自适应解决方法

以前的解决方法主要是利用js来实现,但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。

 关键在于:max-width:780px;以及下面那行。

固定像素适应:

dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted” cellSpacing=0 cellPadding=6 width=”95%” align=center border=0>
以下是引用片段:


继续阅读

CSS+DIV设计实例:实现让多个DIV排列时居中

归类于 DIV+CSS 参与评论

<?xml version=”1.0″ encoding=”iso-8859-1″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<style type=”text/css”>
body {text-align:center}
#outer {
width:60%;
background:#ffffcc;
margin:auto;
text-align:center;
}
.inner {
width:100px;
height:100px;
margin:5px;
border:1px solid #000;
}
* html .inner {display:inline}/* for ie*/
html>body #outer {display:table}/*for mozilla */
html>body .inner {display:table;float:left}/*for mozilla */
@media all and (min-width: 0px){/* opera 7 styles */
html>body .inner {display:inline-block;float:none;}
}

</style> 继续阅读

CSS框架汇总

归类于 DIV+CSS 参与评论

CSS框架之一 YAML

CSS框架汇总

大家比较熟悉的是js框架,例如prototype、jQuery呀。其实XHTML+CSS也是有框架的,最著名的可能就是YUI了,是yahoo开发 小组的。但是那个稍微有点庞大,而且牵扯到一些的JS框架。所以刚开始研究的时候可能稍微有点累。而这个yaml就比较单纯了。可能是现在还在发展初期所 以框架很简单,东西不多,对XHMTL+CSS框架感兴趣的可以去看看哦。在国内好像还没有那个朋友在做这个东西,如果你有兴趣,自己钻研一下说不定中国 的CSS框架之祖就是你了哦。呵呵。。
网址:http://www.yaml.de/en/ 里面有源码,开发文档以及一些使用此框架搭建的页面实例。

继续阅读

顶部