- div+css:tab风格导航 07-12-27
- 网上比较流行的导航风格 css代码: body, form{font-...
- 一些常用的CSS HACK 07-12-27
- 屏蔽IE浏览器(也就是IE下不显示) ----------------...
- css之自动换行 07-12-26
- 自动换行问题,正常字符的换行是比较合理的,而连续的...
- 水平对齐(text-align) 07-12-22
- 水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 以下为引用的内容: 语法:text-align : left | right | center | justify 说明:设定元素内文本的水平对齐方式。 参数:left : 左对齐;right : 右对齐;center : 居中...
- CSS中的定位(position) 07-12-22
- 使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关于定位(po...
- 在IE流览器中正确显示PNG透明图片 07-12-22
- png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE中对于插入的透明...
- 网页设计制作CSS实现隔行换色两种方法 07-12-22
- 网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容: style type="text/css" UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8'); } /style ul class="myul1" li id="li1"111/li li id="li2...
- 学习CSS制作网页总结的一些经验 07-12-22
- 让你使用DIV+CSS排版 不是让你用换个标签然后再去按照表格的方式去排版 而是做到内容与表现的分离 1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用 类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 :leftContent 而使用有...
- 学习CSS制作网页总结的一些经验 07-12-22
- 让你使用DIV+CSS排版 不是让你用换个标签然后再去按照表格的方式去排版 而是做到内容与表现的分离 1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用 类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 :leftContent 而使用有...
- 五日精通CSS层叠样式表之第五日(7) 07-12-19
- 祝贺你学完了本次课程! 今天我们学习了定位和叠放,总结如下: 定位(position )是最令人中意的CSS属性,你可以利用它精确地控制某要素在页面的位置。 左边(left )用于设定要素的水平位置。 顶部(top )用于设定要素的垂直位置。 宽度(width )使你能控制要素的...
- 五日精通CSS层叠样式表之第五日(6) 07-12-19
- World Wide Web 组织自规定了样式表标准之后并未止步不前。甚至在主要的几种浏览器尚未完全支持CSS功能时,CSS2已经在酝酿之中。CSS2的标准已经制定。而接下来的问题只是:5.0版本的浏览器是否会支持CSS2。 以下简要介绍CSS的新增功能: 对CSS1的调整 CSS属性中又加了...
- 五日精通CSS层叠样式表之第五日(5) 07-12-18
- 叠放文字和图象 下面我将要谈到我一直吹嘘的在页面上重叠要素的方法。它不是通过设定边距负值或采用更小的行高来实现,而是通过...... z-index 当你定位多个要素并将其重叠时,你可以使用 z-index 来设定哪一个要素应出现在最上层。 H2 { position: relative; left: 10...
- 五日精通CSS层叠样式表之第五日(4) 07-12-18
- 控制定位了的要素 除了控制定位要素的左上角位置,你还可以控制要素的宽度和高度,及要素在页面的可视性。 宽度 定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。 DIV { position: absolute; left: 2...
- 五日精通CSS层叠样式表之第五日(3) 07-12-18
- 相对定位 绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例: I { position: relative; left: 40px; top: 10px } 相对定位的关键在于定位了的要素的位置是相对于它通常...
- 五日精通CSS层叠样式表之第五日(2) 07-12-18
- 绝对定位 定位(左边和顶部) 定位属性将是网虫们打开幸福之门的钥匙: H4 { position: absolute; left: 100px; top: 43px } 这项CSS规则让浏览器将H4的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置 。 注意这里唯一设置了的是左边和顶部,也就说...
- 五日精通CSS层叠样式表之第五日(1) 07-12-18
- 在样式表最后一天的课程中,我们将学习样式表最精彩的部分:定位和叠放。 我们都知道,在网页上利用HTML定位文字和图象是一件令人心痛的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。...
- 五日精通CSS层叠样式表之第四日(7) 07-12-17
- 复习 样式表使得网页设计更加有趣。我们新近掌握的控制背景图象的方法更另我们心动不已。 以下是我们今天所学内容的总结: color 设定要素的前景颜色。 background-color 设定要素后面固定的颜色。 background-image 是将GIF和JPEG图象插入到文字和其它要素后面的方法...
- 五日精通CSS层叠样式表之第四日(6) 07-12-17
- 快捷特性 利用快捷特性可以使你将学过的所有背景属性加到一个CSS规则中。 IE 3中你必须这样应用(如我们以前提过的),你也有可能会在所有浏览器中应用它。 背景(background ) 利用背景属性,你可以设定背景颜色、图象、平铺方法、固定及滚动显示及定位。例: P { ba...
- 五日精通CSS层叠样式表之第四日(5) 07-12-17
- 控制背景图象 你不仅可以将图象放在要素后面,你还可以精确地控制背景图象的各项设置。你可以决定是否及如何将其平铺,背景图象应该滚动还是保持固定,及将其放在什么位置。朋友,这是真的! 背景重复 (background-repeat) 背景图象通常是平铺在背景上的,对吗?错。利...
- 五日精通CSS层叠样式表之第四日(5) 07-12-17
- 控制背景图象 你不仅可以将图象放在要素后面,你还可以精确地控制背景图象的各项设置。你可以决定是否及如何将其平铺,背景图象应该滚动还是保持固定,及将其放在什么位置。朋友,这是真的! 背景重复 (background-repeat) 背景图象通常是平铺在背景上的,对吗?错。利...
- 五日精通CSS层叠样式表之第四日(4) 07-12-17
- 背景图象 你可以很轻松地将GIF或JPEG图象加到一个要素后面: B { background-image: url(background.gif) }该规则将背景图象加到整个段落之后。你可以将GIF图象采用和背景图象通常的设置类似的方法平铺到文字后面。 你还可以将背景图象只添加到两个单词后面。想把图象...
- 五日精通CSS层叠样式表之第四日(3) 07-12-15
- 精通CSS层叠样式表 在传统的网页设计中,为了在某一要素后面加上背景色,你必须先在要素周围生成表格单元,然后在表格单元中添加颜色。 利用 CSS添加背景色则相当容易。 背景色 利用CSS在网页要素后面加入固定的背景色及图象。 P.yellow { background-color: #FFFF66 }...
- 五日精通CSS层叠样式表之第四日(2) 07-12-15
- 为你的世界添加色彩 首先,我们谈一下将颜色加到网页要素上。 颜色 颜色属性并不陌生,它的用法很象HTML中使用的参数值。 B { color: #333399 } 根据这项CSS规则,浏览器将网页上所有的加重体字以设定的颜色显示,象这几个字那样。 有3种方法用于设定你所需要的颜色:...
- 五日精通CSS层叠样式表之第四日(1) 07-12-15
- 欢迎进入第4天的课程。在此之前我们主要谈了文字样式设定,现在我们探讨一下要素和图象方面的样式设置。通过学习今天的课程,我们将掌握如何给要素赋予色彩,将图象放在要素后面。如果以前你一直不认为CSS是一种很有用的东西,那么今天将是你大彻大悟的一天。 我们将学...
- 五日精通CSS层叠样式表之第三日(8) 07-12-13
- 复习 我们扩展了串接样式表等方面的学习,将文字和图象都置于我们的自由控制之下。它使我们可以做到普通的HTML标签不能做到的事情。 以下是我们今天学习内容的总结: 字间距设定字与字之间的距离。 字母间距设定每个字母之间的距离。 行高设定每行文字之间的垂直距离。...
- 五日精通CSS层叠样式表之第三日(7) 07-12-13
- 浮动要素 我们在网页中经常看到浮动的图象和表格,只需对一个IMG标签使用ALIGN=left属性,文字就会绕到浮动图象的右边继续显示。样式表对于浮动要素有一个更为灵活的语法,也就是本篇中将要谈到的主题。 (IE3和IE 4不支持本页中谈到的任何功能。如果你使用IE 4,你将...
- 五日精通CSS层叠样式表之第三日(6) 07-12-13
- 边框 有几种样式表属性可以将网页要素周围加上边框。 (注意:IE 3和IE 4不支持任何边框属性。) 顶边框宽度,底边框宽度,左边框宽度和右边框宽度 你可以控制整个边框的宽度,也可以分别控制每一边的边框宽度: H4 { border-top-width: 2px; border-bottom-width: 5px...
- 五日精通CSS层叠样式表之第三日(5) 07-12-13
- 边距及空格填充 我们都知道可以用HTML设定边距,但你必须使用表格,别无它法。而样式表则...... 快速定义边距 首先,我们应该了解样式表语言的术语,便我们理解正在谈什么。每一个整块的素或替代要素都包含在样式表生成器称为box的容器之内。 box 包括: 要素本身 围绕...
- 五日精通CSS层叠样式表之第三日(4) 07-12-13
- 文字对齐及缩行 现在我们谈谈段落及图象的对齐和加入段落缩行。 文字对齐 利用文字对齐属性,你可以控制段落的水平对齐: H4 { text-align: center } 这项属性只用于整块的内容,如P、 H1-H6、BLOCKQUOTE和 UL。 以下为各种选项: left指将要素左对齐,如本段所示。 ri...
- 五日精通CSS层叠样式表之第三日(3) 07-12-13
- 行距 行与行之间的距离最常用的称呼是行距,而当网页设计者们发现他们能够控制行距时最常用的称呼是 Weee! 行高 行高简直是上帝发给人间的福音。利用行高我们可以随心所欲地控制行与行之间的垂直距离。 B { line-height: 16pt } 你所用的参数就是相邻两行的基准线(基...
- 五日精通CSS层叠样式表之第三日(2) 07-12-13
- 字间距及字母间距 下面要学习的属性可以使你做到HTML标签做不到的事情:控制字间距及字母间距。 字间距 利用字间距属性,你可以在字之间加入更的距离: H3 { word-spacing: 1em } 你所使用的参数值将加入任何浏览器的缺设置,你可以使用我们昨天谈到的任何种长度单位:...
- 五日精通CSS层叠样式表之第三日(1) 07-12-13
- 我们在第2天的教程中学习了字体及控制文字字符的方法.今天我们将学习这些字符、单词和每行的内容之间是如何定位的。我们将学会如何设定字与字之间、字母之间的距离,以及行距(垂直间距)、文字的对齐方式、边距、边框及浮动要素等,列表如下: 字间距 字母间距 行高...
- 五日精通CSS层叠样式表之第二日(6) 07-12-12
- 第2日的练习 以下的练习将帮助你尝试练习串接样式表的一些属性。你的任务:只使用HTML和样式表复制这张样式表实例,记住,你必须有4.0版的浏览器,以便使实例显示效果正常。 完成之后,想想有没有其它方法作出同样的效果。 复习 今天我们探索了字体的奇妙世界:字型、...
- 五日精通CSS层叠样式表之第二日(5) 07-12-12
- 文字的特殊效果 下面你将发现其它一些有关字体的样式表属性,你可以将其加入到你的工具箱中。 字体参数(font-variant) 这时一种挺简单的属性,你可以将正常文字缩小一半尺寸后大写显示。 H2 { font-variant: small-caps } 很不幸,Communicator或者Internet Explorer...
- 五日精通CSS层叠样式表之第二日(4) 07-12-12
- 加重显示和斜体字的所有方式 利用CSS加入斜体字非常简单,而且我们对于加重字体还有很多选择。 字体风格 字体风格用来控制斜体字的属性,非常漂亮又非常简单: H3 { font-style: italic } 当浏览器接到应用斜体字的指令后,它将用户的机器中寻找安装的斜体字版本,果不...
- 五日精通CSS层叠样式表之第二日(3) 07-12-12
- 对字号的控制 利用HTML你只能FONT SIZE=X?设定7种字号,很令人沮丧,是吧?但等你看完本页之后,你将会发出一声长长的WOOOOOOOOOOOW! 字号 使用font-size 属性,你可以对文字的尺寸进行无限的控制。 确定这的3种基本方法: Points, ems, pixels, 及其它单位 关键字 比...
- 五日精通CSS层叠样式表之第二日(2) 07-12-12
- 按照字体名称调用字体 第1个问题:你如何指示浏览器显示你希望的字体?仅仅在字模后面键入字体的名称就行了吗? 很可惜,事情还不是这么简单,字体在各个操作平台之上叫的名称可能会有变化。比如,Courier在MAC机上叫做COurier New。在一台机器上可能叫Italic的字体在另...
- 五日精通CSS层叠样式表之第二日(1) 07-12-12
- 欢迎进入串接样式表第2天的课程,昨天我们已经学习了如何使用及在网页中加入串接样式表,今天我们将深入学习串接样式表每一项精彩绝伦的特点。 今天我们主要学习字体,即如何控制字号,字模及加入特殊效果。想想如果只用HTML标签你能做到这些吗?接着往下读。 今天要学...
- 五日精通CSS层叠样式表 07-12-11
- 五日精通CSS层叠样式表...
- 五日精通CSS层叠样式表之第一日(6) 07-12-11
- 第1日复习 今天我们探索了样式表的神奇魅力及其基本使用方法。 为什么使用串接样式表?因为它能对网页的设计施以绝对的控制。它还是维护和更新一个网站最有效的途径。它能使网页的体积更小下载速度更快。 CSS如何应用呢?通过每一项样式表规则应用。样式表规则由选择和...
- 五日精通CSS层叠样式表之第一日(5) 07-12-11
- 我必须得作这个简短而又尖刻的评价:串接样式表很伟大,但浏览器却不怎么样。 Internet Explorer 3.0是第一个试图支持样式表的浏览器,它的尝试是很有勇气的,特别是在尚未确定样式表的正式标准的时候更显得可贵。但也因为如此,IE 3.0支持了CSS的大部分属性,但也存在...
- 五日精通CSS层叠样式表之第一日(4) 07-12-11
- 串接 屏幕就是一个战场,在一个HTML文件中,如果有3种不同的样式表规则都使用P作为其选择。输入的样式表指示浏览器将P文字用红色显示,而植入的样式表指示浏览器用蓝色显示,而行内样式表指示浏览器用黄色。 那么可怜的浏览器该听谁的呢? 好在支持样式表的浏览器自身...
- 五日精通CSS层叠样式表之第一日(3) 07-12-11
- 分类及其它技巧 我们已经学习了所有的样式表基本语法。下面我将给你讲几个你肯定会非常感兴趣的技巧和快捷方式. 分类 我先前已经讲过所有的HTML标签都可以用作选择,并附加样式表说明.但是如果你想达到的目的比这还要复杂该如何处理呢?比如,你想让主体文字的1段用绿色...
- 五日精通CSS层叠样式表之第一日(2) 07-12-11
- 1.2 样式表能为我们做什么? 那么样式表有什么特别之处呢?简而言之,它能帮你做以下事情: 你可以将格式和结构分离。 你可以以前所未有的能力控制页面布局。 你可以制作体积更小下载更快的网页。 你可以将许多网页同时更新,比以前快更容易。 浏览器将成为你更友好的界面...
- 五日精通CSS层叠样式表之第一日(1) 07-12-11
- 用HTML制作网页就象是用画笔绘制一幅图画。只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果,这并不是正确的工具和灵活性就可以实现的。 任何使用过HTML一个多星期的人都知道HTML是一种非常好的网页制作工具。所以有时候我们不得不制作体积相当大的GIF图...
- CSS让网页更容易设计与维护 07-12-08
- CSS语法立意让网页内容与视觉呈现分离,一方面使得页面维护工作更容易,不会因内容或视觉效果改变影响到另一方,这样的页面设计,也对搜寻引擎更为友善,更容易搜寻到页面内容。 CSS,Cascading Style Sheets 串接样式表,网页外观的控制语法 World Wide Web最早是以文...