易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS line height height 属性 ()

定义和用法
line-height 属性设置行间的距离(行高)。
注释:不允许使用负值。
说明
该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。
<div class="list pic_news">
  <div class="ctitle ctitle1">
 首钢技师学院、首钢工学院成教学院与河北省新华冶金技工学校签订联合办学协议
  </div>
</div>
<style type="text/css">
 .pic_news{width:678px;}
 .ctitle {margin:0px 8px; border-bottom:#cc0000 2px solid;}
 .ctitle1 {font-size:20px; color:#26519d; line-height:60px; height:60px; font-family:黑体; text-align:center;}
</style>
当 ctitle  中的 文字太长时候 会导致换行。 但是换行后又会超出 hight == 60px 的范围
解决 办法 是 除掉 height:60px 的限制


相关文档:

Goodbye to CSS Hack


看看下面这段代码,是否倍感亲切但又觉得很陌生呢:
.test {
background-color: black; /* firefox, opera, ie8 */
[;background-color: green;] /* safari, chrome */
*background-color: blue; /* ie7 */
_background-color: red; /* ie6 */
}
html*~/**/body .test {
border: 5px solid ......

CSS总结

CSS 基础语法
 
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1.   浏览器缺省设置
2.   外部样式表
3.   内部样式表(位于 <head> 标签内部)
4.&nb ......

html的一些标准css样式

在html中,即使我们没有指定页面元素显示的css样式,元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码,现将html标签的默认属性进行一定的汇总如下:
li              { display: list-item } 
h ......

网站整站页面变灰的css代码

列举一些网站页面变灰的css代码:
首先确保网站有1.0标准声明:
<!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“>
方法如下:
1.html{filte ......

《精通CSS高级WEB标准解决方案》第七章 布局

我在www.c09.com 发表了这个笔记并上传了原著的PDF,今天有空,转到BLOG上来。
第七章 布局
所有CSS布局技术都依赖于三个基本概念:定位、浮动和空白边操纵
7.1 让设计居中[code]
<body>
<div id='wrapper'>
</div>
</body>
/*最明了的居中方案,可惜IE6不支持*/
#wrapper{
    ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号