如何架构css

CSS实用技巧, WEB标准化   49 views

在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。

(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去。(现在)建立新网站时,必须花点时间好好筹划怎么组织和架构css。
点击阅读全文或发表评论 »

css简写用法说明

CSS实用技巧, CSS高级教程   46 views

用了这么多年css(经验也算丰富),总觉得该写点什么。理论性太强的暂时写不了,只好先从简单直白的入手。css简写(css shorthand)就符合这个条件。

简单的说,css简写就是在等效的前提下,把多句css代码简化成一句。在我看来,简写css的好处有三:一是写起来方便(就像键盘快捷键);二是简化代码;三是帮助你熟悉和深刻理解css。
点击阅读全文或发表评论 »

CSS中expression使用简介

CSS实用技巧, CSS高级教程   51 views

定义
  IE5及其以后版本支持在CSS中使用e­xpression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
点击阅读全文或发表评论 »

这样的房子你要吗[用CSS画的房子]

CSS+DIV网页布局, CSS实用技巧, CSS高级教程   56 views

这样的房子你要吗[用CSS画的房子]
点击阅读全文或发表评论 »

段正淳的css笔记(2)

CSS实用技巧   41 views

1、圆角的做法.

为了这个圆角,前段开发们付出的努力是在是太多了.又要考虑http连接数,又要考虑css与html的代码量与语义.
贴出的是最近考虑替换现有圆角做法的方案,可能还有许多未考虑的状况.但是大体的编写方式便是如下.
好处是便于维护,只有一个图片.还可以某种程度上的任意缩放.缺点是多了无意义的html代码.
点击阅读全文或发表评论 »

段正淳的css笔记(1)

CSS实用技巧   48 views

试想过总结出这几年来写css与xhtml的经验 ,汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高,真是有点力不从心了。于是转念一想,可以用笔记的形式展现,这样就不用担心写不出来了。
点击阅读全文或发表评论 »

中文排版CSS心得

CSS实用技巧, CSS高级教程   44 views

1、如何设定文字字体、颜色、大小 —— 使用font

font-style设定斜体,比如font-style: italic;
font-weight设定文字粗细,比如font-weight: bold;
font-size设定文字大小,比如font-size: 12px;(或者9pt,不同单位显示问题参考CSS手册)
line-height设定行距,比如line-height: 150%;
color设定文字颜色(注意不是font-color),比如color: red;
font-family设定字体,比如font-family : "Lucida Grande", Verdana, Lucida,
 Arial, Helvetica, 宋体,sans-serif;(这是通用的写法)
点击阅读全文或发表评论 »

经验分享

CSS+DIV网页布局, CSS实用技巧   47 views

页面一 演示地址: http://www.beyondsun.com/music/o2jam.aspx
页面二 演示地址: http://www.beyondsun.com/
页面三 演示地址: http://www.beyondsun.com/music/audition.aspx
这个页面的特点:
  结构(XHTML)与行为(JavaScript+DOM)100%的分离,结构与显示(CSS)95%的分离(其余5%不是我没有能力做到分离,而是没有这个必要,看完下面你就明白)。

JavaScript都做了些什么?
点击阅读全文或发表评论 »

web标准化:闭合浮动元素超级简单的方法

CSS实用技巧, WEB标准化   49 views

外围元素之所以不能很好的延伸,问题出在了overflow上,因为overflow不可见,见W3C的解释。现在只要将给外围元素添加一个overflow:auto;就可以解决问题,结果是除了IE,真的可以解决。下来就要解决ie的问题了,再加上_height:1%; ,这个问题就完全解决了。

下面是我做的三个例子作为比较
点击阅读全文或发表评论 »

使用DIV之后,什么时候使用TABLE

CSS实用技巧   37 views

今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!

关于表格
使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐, 之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大家可以想象一下EXCEL,表格就是起这个作用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.
点击阅读全文或发表评论 »

Page 1 of 712345»...Last »