![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 11:31:45 点击次数 219
|
| 1、web的等级标准是什么? 首先我们要知道网络是干什么的?网络是为广大人民服务的。这样我们可以认为:按照网络为大家提供的服务内容不同、范围大小、深浅度、网民的感受等来划分web的等级。 2、老百姓(包含网民)需要什么? 精神需求+物质需求 3、web1.0的功能 满足网民少部分精神需求----新闻阅读、资 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:34 点击次数 28
|
| 块元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签P。form这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:33 点击次数 33
|
| 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:wid |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:29 点击次数 23
|
| 1.背景图填充这是使用最广泛的一种做法,无hacks,推荐使用:<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd><html xmlns=ht |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:26 点击次数 27
|
| 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200p |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:26 点击次数 15
|
| 使用 LABEL 对象HTML 4.0 规范引入了 LABEL 对象,您可以使用它来将文本与其他任何 HTML 对象或内部控件相关联。无论用户单击 LABEL 或者 HTML 对象,链接的 LABEL 和 HTML 对象在引发和接收事件时行为一致。要链接 LABEL 和 HTML 对象,请将 LABEL 的 FOR 属 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:25 点击次数 14
|
| IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:22 点击次数 19
|
| 一个 utf-8 网页在 IE6 下的BUG自己测试的,不一定100%准确,仅供参考。触发条件:1. title标签里的内容为中文其他双字节字符2. 指定网页编码的 meta 信息在 title 标签的下方,即<title>中文或其他双字节字符title</title><meta http |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:18 点击次数 18
|
| 按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢?有一种做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:16 点击次数 41
|
| 有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容IE5.0+,Opera 8.5+,Firefox 1.5+ |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:14 点击次数 25
|
| 在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。 相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面建立和载入一个图像,而不是为每一个按钮建立 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:13 点击次数 24
|
| 三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。 绝大多数网页设计者都熟悉传统的网页设计技术,用这些技术可以生成带有表格、创建固定宽度布局或者“液态”(它可以根据 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:09 点击次数 15
|
| Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:08 点击次数 13
|
| 你也许已经意识到,你可以通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 现在让我 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:06 点击次数 11
|
| Web建造者要对付的最棘手情况之一是:相同的CSS代码被不同的浏览器解释后会生成不同的效果。在以前,各种不同的浏览器生成极其不同的页面是随处可见的,而现在我们可以用所谓的符合标准的浏览器获得更好的效果。然而,显示效果的差别还是无法避免。 当前处于领导地位的一些浏览器在处理浮动效果上就存在着这样的差别。如果有 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:04 点击次数 12
|
| 在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果。现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而,有的时 |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:55:03 点击次数 20
|
| 对于表单,很常用。但是在web standard建站的时候,他的排版往往让人遗忘,到了真正用到的时候就发现让人头疼,当然我也遇到过。我现在要介绍一个用<fieldset></label>标签制作漂亮而且具体亲和力的表单的方法。基本的xhtml:<h3>已注册用户登录</h3&g |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:54:58 点击次数 19
|
| 如何用CSS把水平线变成虚线?答案一:<hr size=1 noshade=noshade style=border:1px #cccccc dotted/>答案二:<div id=aaa style=border-top:1px dashed #cccccc;height: 1px;overflow |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:54:57 点击次数 24
|
| 由 greengnn 整理为了更好的推广web标准,这里给出一些优秀的源码下载,仅供学习者研究,抵制抄袭{ Internet Services }描述:颜色/桔黄色、灰色。xhtml符合web标准,兼容浏览器。Another template from the Internet series made with no |
![]() |
|
![]() |
|
|
作者:胡枫 日期:2007-7-24 10:54:55 点击次数 20
|
| 用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形. 有没有办法可以解决呢? 用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱 |