css文档中心

Css定制Drupal主题风格
　　“主题”是Drupal站点的基本外貌和感觉。有时一个特定的站点会安装不止一个的主题。如果站点管理员提供了多个主题，你可以为你的帐号选择你喜欢的默认主题。
　　Drupal的官方站点提供了许多主题风格，具体见：
　　http://drupal.org/project/Themes
　　其中，Spreadfirefox是我最喜欢的主题风格，著名的 spreadfirefox.com 使用的就是这款主题。
　　除Drupal的官方站点外，还有许多其他机构或个人提供Drupal的主题风格，通过Google可以搜索到这些风格。
　　Drupal 主题风格安装
　　Drupal 主题风格的安装非常简单：
　　+ 在 http://drupal.org/project/Themes 下载新的主题风格
　　+ 阅读主题风格包中的 README 和 INSTALL 文件，看该主题风格包的安装是否需要一些特殊的步骤
　　+ 检查一下主题风格需要的模板引擎是否已安装
　　+ 将主题风格上载到Drupal的themes目录中
　　+ 通过“管理-》主题”启用该主题风格，并将其设置为默认风格
　　Drupal的主题定制非常灵活，可以定制每个区块定制的风格。如果懂PHP的话，几乎可以做出可以想得到风格来。实际上，在大多时候我们主要是通过图片+CSS来定制，� ......

这里只把一些我自己还需要改进的地方发上来。
————————————————————————
1.网页不是静态的、绝对的媒体。这意味着内能伸缩变形，用户应该被允许调整自己喜欢的方式，包括字体大小和屏幕大小。
　　因为这样，建议使
用"em"和"%"在font-size上（宽度和高度），相比下px不能够在大部分浏览器改变大小，所以要少用，可以用在边框的大小上。
2.css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。
　　有17个预先确定的颜色，它们是：
　　
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
　　
olive, orange, purple, red, silver, teal, white, and yellow.
　　
transparent 也是一个正确的值。
3.font-family
　　文字使用的字体，比如宋体，Times New Roman，Arial
等等
　　这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如 ......

很多时候我们必须使一些块元素并排显示，一般想到的是必须使用浮动，但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG，所以很多时候不得不把这个块元素套在一个内联元素里面，然后给内联元素浮动和边距。今天看到了怿飞、秦歌和乌龙茶关于display:inline-block的文章，很不错，综合一下，记录下来。
display:inline-block
简单来说就是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但是这个属性目前不是所有的浏览器都支持，只有Opera和Safari支持，FireFox3和IE8据说将会支持，Firefox2和IE使用特殊办法可以实现这种效果，下面就来探讨一下
在Firefox2中有-moz-inline-stack和-moz-inline-box实现，但是这两个私有属性在某些情况下都会有异常，具体如下：
1、display:-moz-inline-stack
“当它所应用的外包装器（wrapper）的display为inline的时候，它所包含的a或button将无法点击或无法选取，需要通过position:relative还hack掉这个bug”--乌龙茶
2、display:-moz-inline-box
使用这一属性后，text-align就会出问题，必须使用Firefox的私有属性 -moz-box-align来解决
所以，建议不要使用 ......

99款高质量免费(X)HTML/CSS模板
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://iamsam.blogbus.com/logs/49215789.html
　　大家都清楚一个网站象征着你和你的品牌，这取决于你如何构建自己的网站。正因为Wordpress越来越受到互联网设计群体的关注，它并不代表最基本的(X)HTML/CSS很丑、很杂乱和单调。彬Go将向大家推荐99个高质量的免费(X)HTML/CSS模板，你可以用于自己或公司企业的网站。
您还可以参考以下(X)HTML/CSS相关教程及资源:
《30个基于CSS的导航和按钮优秀设计教程》
《2008年最佳Web设计/前端开发技巧、脚本及资源总结》
《精选30个优秀的CSS技术和实例》
《43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程》
高质量免费(X)HTML/CSS模板
01. T-20
在线预览下载该模板
02. Shape
在线预览下载该模板
03. Your Business
在线预览下载该模板
04.Solitude
在线预览下载该模板
05. Fashion Club (Registration Required)
在线预览下载该模板
06. O’No! Typography
在线预览下载该模板
07.Projection
在线预览下载该模板
08.Fresh Restaurant
在线预览下载该模板
09.Jungleland 1.0
在线预览 ......

作者：IIduce 来源：css9 时间：2009-12-21 阅读：601 次原文链接 [收藏]
最近产品中需要加入“一个列表显示样式快速切换”的功能，正好在这篇文章中看到了它的实现方式，感觉很不错。
这篇文章讲述的是如何通过CSS和JQuery来实现在页面上快速切换布局（样式）的功能。这样做的好处是不言而喻的，现在的网页设计都是希望增强与用户的互动性。允许改变页面布局或信息展示方式无疑可以提高用户体验，选择他们喜欢的样式去获取信息。
首先我们看一下最终效果
第一步：创建一个漂亮别致的边框
我们首先通过一个无序列表标签(ul)来设计一个垂直的列表布局，用它来作为我们信息显示的行和列。
HTML
<ul class="display">
<li></li>
<li></li>
</ul>
CSS
提示：通过使用不同灰色的边框实现了一个漂亮别致的边框效果
ul.display {
float: left;
width: 756px;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #333;
border-right: 1px solid #333;
background: #222;
}
......

Css定制Drupal主题风格

CSS基础教程整理

CSS 中 Display 的一些特殊属性

99款高质量免费(X)HTML/CSS模板

99款高质量免费(X)HTML/CSS模板

使用CSS和JQuery轻松切换网页显示样式

css实现图片选中效果的相关代码