[原创]CSS基础教程(页 1) - 网站策划与设计 - 【开放注册】苹果手机软件下载论坛|中国苹果用户网|苹果BT下载种子torrent发布

Thirteen 发表于 2003-8-17 19:14

[

以下内容参照部分资料编写完成，转载请先与本人联系，并注明出处.
 T.L.G
 
 第一天初步认识CSS
 通过前面的HTML语言学习，我们已经对标识有了一定的认识。在实际操作的过程中，你就会发现一个问题将十分突出，直接影响到你的工作效率，那就是排版与文字的控制，事实上当你面对成千上百个页面的时候，你将花上极大的耐心和时间去一个个的处理，这个时候，我们就需要CSS来简化你的工作了。
 CSS（Cascading Style Sheets）层叠式样表，我们简称为式样表.它可以说是html的一个插件，但在当前网页设计中，是一个必不可少的插件.我们可以通过它把格式与网页分隔开来，充分的弥补了HTML的不足，简化了网页的源代码，也避免了重复劳动，减轻你的工作量。可以说CSS在现代网页设计中，是必不可少的工具之一。
 
 如何建立一个CSS文件，又如何使用css文件,就是今天的重点。
 和HTML文件一样，我们可以在一个文本文件中直接输入源代码，然后把后缀名改为.css就可以创建一个CSS文件了。因为他是HTML插件，所以我们不必输入如<html>之类文件声明代码，而是直接编辑CSS参数声明。
 基本的CSS声明通过下面的格式来实现：
 标识{属性:值}
 标识既为HTML标识，你可以参考前面的html教程。这里我们举个例子来说明。
 body{color:#000000}
 这就可以对正本区内的元素颜色进行控制。当我们想对一个标识进行多属性控制，或者对多标识进行单属性或多属性控制的时候，我们就可以扩充上面的格式。
 标识{属性1，值1；属性2，值2；……}
 标识1，标识2……{属性:值}
 标识1，标识2……{属性1，值1；属性2，值2……}
 标识1 标识2……{属性1，值1；属性2，值2……}
 这里需要说明的是第四组声明格式，与前面的声明对比，我们会发现标识1和标识2中间少了一个逗号，它也就是设置标识1和标识2的交集部分，换句话说，标识2的内容同时包含在标识1中的时候，所设置的属性才会起作用。
 
 对于通一个标识，我们还可以把它分解开设置。
 标识{属性1，值1}
 标识{属性2，值2}
 ……
 这样子的声明方式并不会互相抵触，因为所声明的属性是不同的。如果对同样一个属性作了重复的声明，则只有後来声明的设定值才会发生作用。
 
 CSS声明同样不记大小写，换行，空白，要是格式对了就会接受。
 
 在CSS声明的基础上，我们产生了类的概念，通过创建类，我们可以让单一或数个元素使用同组样式规则的方法.这样也可以避免一个页面中元素的风格千篇一律。
 
 我们同过下面的格式创建一个类：
 标识.类别名{属性：值}
 例如
 P.sc{color:#ffffff}
 这就可以对换行进行色彩控制。需要注意的是类别名可以自己拟定，这样也增加了运用类的灵活性.
 
 当要让相同的标识套用不同属性值时，我们可以用
 标识.类别名1{属性1：值1}
 标识.类别名2{属性1：值2}
 同过类我们可以实现对同一个页面中的同一个标识进行不同的设置，但类的缺点在一个标识下的属性只属于这个标识，无法被其他标识套用，那么我们想对其他标识进行同样的控制，就必须再创建一个类，这样就增加了工作量.为了解决这个问题，就出现了伪类，它可以被所有的标识套用。
 .伪类名1{属性：值}
 事实上把类中的标识部分去掉就形成了伪类，所以我们也可以自己拟定伪类名。
 
 另外还有一种声明方式，和伪类比较相似。但不同的是它具有唯一性，也就是说在同一个页面中，它只能出现一次。而的这种唯一性正是让javascript或 ??槬??y最????ā?t拠?慰? VBScript能够对元素进行控制的关键。它的格式如下:
 #ID名称{属性:值}
 例如：#se{color:#00FF00}
 关于ID我们在这里只简单的提一下，目前就不再深入研究。
 
 了解了如何创建CSS，那么我们怎么把CSS导入一个页面中去呢？
 一般我们通过下面四种方法：
 1.使用<style>的参数.例如：
 H.S WORKSHOP
 这种方法可以很灵活的控制元素的属性，但缺乏统一性，一般我们不提倡使用。
 
 2。使用<style>标识。例如
 <STYLE TYPE="text/css">
 
 </STYLE>
 一般来说，这个标识可以存在于任何位置，都不会影响到效果，但为了方便管理我们经常性的添加在<head>...</head>中。其中TYPE="text/css"是为了，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表.
 
 3.同过<LINK>标识
 <link rel=”stylesheet” href=""”*.css” type=”text/css” media=”screen”>
 同样的我们也把这个标识添加在<head>...</head>中，它和<style>不同的是，它是导入外部的CSS文件，从某种角度来说，我们同过这个标识实现了真正意义上的文件与格式分离.
 
 其中Rel属性表示样式表将以何种方式与HTML文档结合。它有两个可选值
 Stylesheet：指定一个外部的样式表;
 Alternate stylesheet：指定使用一个交互样式表.
 
 href=""
 指出CSS文件的位置.
 
 Media=""
 表示使用样式表的网页将用什么媒体输出。它有以下这些可选值:
 Screen（默认）：输出到电脑屏幕
 Print：输出到打印机
 TV：输出到电视机
 Projection：输出到投影仪
 Aural：输出到扬声器
 Braille：输出到凸字触觉感知设备
 Tty：输出到电传打字机
 All：输出到以上所有设备
 如果要输出到多种媒体，可以用逗号分隔取值表。
 
 4.使用@import引入：
 <STYLE TYPE="text/css">
 
 </STYLE>
 跟LINK用法很像，但必需放在<STYLE>...</STYLE> 中，要注意的是，行末的分号是绝对不可少的！这种方法是在网络中直接引用别人的式样表。
 
 一般来说我们常用2,3两种方法添加CSS文件。
 
 在加入CSS文件之后，我们如何灵活控制元素的式样呢？
 前面提到了类。当你导入了一个式样表，我们就可以用class这个参数来控制元素。
 一般的格式如下:
 <标识 class="类别名">
 <标识 class="伪类名">
 <标识 ID="ID名">
 
 本章最后我想说一点与本章没有太大关系的内容，但绝对实用。
 还记得在HTML的基本语法，在BODY标签中可以用link、alink、vlink属性去控制可连结或已连结的字体颜色吗？现在亦可用CSS去控制这些性质，称为拟似类别(pseudo class)。拟似类别以冒号来声明。
 A:link { 属性:值 }用以设定未参观连结的样式规则。
 A:active { 属性:值 }用以设定作用中连结的样式规则。
 A:visited { 属性:值 }用以设定已参观连结的样式规则。
 A:hover { 属性:值 }用以设定滑鼠移到连结之上时的样式规则。
 
 　　虽然样式表可以套用在任何标签之上，但是DIV和SPAN标识的使用更是大大地扩展了HTML的应用层面。DIV和SPAN这两个标识在应用上十分类似，不同之处在于：DIV定义为区块（block），在 <DIV>...</DIV>之间是一个很完整的段落区块。而SPAN标识则是定义为同轴（in-line），...应用于于小范围内的设定。两者可以彼此混合，夹杂使用，因为彼此是相互独立的。也因此，您可以利用这两个元素，配合其它性质，灵活地调整您的网页显示的内容.

Thirteen 发表于 2003-8-17 19:16

[

第二天 CSS文字控制
 我们依然从对文字的控制开始说起，一来文字始终是一个页面中最重要的部分，二来对文字的控制是最体现CSS特点的地方.为了方便阅读，我以手册的形式例举出来.在可选值中用<>括起的部分表示需要输入数值，或选择例举参数；其中的例子已在CSS文件中的基本格式为准，其他方式可以参照昨天的内容.其中用SPAN标识的表示可以用于所有元素，DIV标识的只能用在区块元素上.SPAN包含DIV.
 
 相对单位与绝对单位 相对单位
 em: 相对字母高度的比例
 en: 相对字型大小的比例
 %: 相对长度单位的百分比例
 绝对单位
 in: 英寸
 cm: 公分
 mm: 公厘
 px: 像素
 pc: 印刷活字单位
 pt: 像点
 相对关系: 1in= 6pc= 72pt= 2.54cm= 25.4mm
 
 font-family
 作用：设定文字字体
 可选值： <family-name> 字型名称
 例： SPAN{font-family:宋体}
 
 font-style
 作用：设定文字是否以斜体显示
 可选值： normal 普通字
 italic 斜体字
 oblique 偏斜体字
 例： SPAN{font-style:italic}
 
 font-weight
 作用：设定字型粗细
 可选值： normal 普通字
 bold 粗体字
 bolder 相对于父元素稍粗
 lighter 相对于父元素稍细
 100,200,300,400,500,600,700,800,900. 数字由小到大代表笔画由细到粗其中normal=400 bold=700
 例： SPAN{font-weight:100}
 
 font-size
 作用：设定文字大小
 可选值： <absolute-size> 绝对大小，
 可用的参数由小到大分别有七项
 xx-small, x-small, small, medium, large, x-large, xx-large
 <relative-size> 相对大小，
 可用的参数为larger, smaller两项,以父元素字型大小为基准.
 <lenght>自定义长度
 <percentage> 百分比.
 例： SPAN{font-size:11pt}
 
 font-variant
 作用：设定文字转换,主要是针对英文.
 可选值： normal 普通字
 small-caps 将小写文字转换为大写
 例： SPAN{ font-variant : small-caps }
 
 font
 作用：综合设定字型性质
 可选值： <font-style> 设定字体样式
 <font-variant> 设定文字转换
 <font-weight> 设定字型份量
 <font-size/line-height> 设定文字大小与列高
 <font-family> 设定文字字型
 例： SPAN{ font : bolder small-caps 12pt/120% Arial }
 
 line-height
 作用：设定列高
 可选值： normal 普通列高，根据字体变化合理高度，视浏览器而定
 <number> 以元素字型大小乘以该数即为列高
 <length> 设定长度，请参考第一章基本单位的相关说明
 <percentage> 百分比，相对于元素字型大小为比例
 例： DIV{ line-height : 120% }
 
 text-align
 作用：设定文字水平的位置
 可选值： center中央对称
 right右边对称
 left左边对称
 justify 左右对称
 例： DIV{ text-align : center }
 
 vertical-align
 作用：设定文字的垂直位置
 可选值： top对称同列最高元素顶端
 bottom对称同列最低元素底端
 baseline对称底线
 middle对称中央
 sub 将元素置于下标
 super 将元素置于上标
 text-top 对称文字顶端
 text-bottom对称文字底端
 <percentage> 参照元素本身列高，以父元素底线为基准作位移
 例： SPAN { vertical-align : sub }
 
 text-decoration
 作用：设定文字装饰
 可选值： none 普通字
 underline 文字加底线
 overline 文字加顶线
 line-through 文字加删除线
 blink 设定文字闪烁
 例： SPAN { text-decoration : blink }
 
 text-transform
 作用：设定文字转换
 可选值： none 普通字
 capitalize 将英文单字地一个字母转换为大写
 uppercase 将所有文字转换为大写
 lowercase 将所有文字转换为小写
 例： SPAN { text-transform : uppercase }
 
 letter-spacing
 作用：设定字母间隔
 可选值： normal 不改变字母间隔，
 <length> 要额外增加的间隔长度，可为负值
 例： SPAN { letter-spacing : 0.5pt }
 
 text-indent　
 作用：设定文字缩排
 可选值： <length> 长度单位，请参考第一章基本单位的相关说明
 <percentage> 以父元素宽度为基准的百分比值
 例： DIV { text-indent : 3pt }

Thirteen 发表于 2003-8-17 19:16

[

第三天 CSS色彩控制
 对着参考资料，我也不禁感叹CSS的强大，对网页排版的所起来也应该属于视觉设计的一种吧。言归正传，今天我们来看看CSS对色彩的控制声明.
 
 color
 作用: 设定前景颜色.
 可选值: <color> 设定颜色
 例: SPAN { color : #333333 }
 
 background-color
 作用: 设定背景颜色.
 可选值: <color> 设定颜色
 transparent 将父元素（颜色或图案）的背景透明化
 例: BODY { background-color : BLUE }
 
 background-image　
 作用: 设定背景图形
 可选值: <url> 设定图档URL
 none 不使用背景图案
 例: BODY { background-image : URL("http://yourweb/path/file_name") }
 
 background-repeat
 作用: 设定背景重复.
 可选值: repeat 重复背景图形填满页面
 repeat-x 水平方向重复背景图形
 repeat-y 垂直方向重复背景图形
 no-repeat 不重复显示背景图形
 例: BODY { background-repeat : repeat-x }
 
 background-attachment
 作用: 设定背景附著
 可选值: scroll 背景图形随著卷轴卷动
 fixed 背景图形随著卷轴卷动（浮水印）
 例: BODY { background-attachment : fixed }
 
 background-position
 作用: 设定背景位置
 可选值: <percent> X% Y% 图形上X% Y%的点对准元素的X% Y%位置
 <length> X Y 将图形左上角置于元素左上角水平 X垂直 Y之处
 center 背景图形置于中央
 left 背景图形对　左边
 right 背景图形对　右边
 top 背景图形对　顶部
 bottom 背景图形对　底部
 例: BODY { background- position : 100% 50% }
 
 background
 作用: 综合设定背景性质
 可选值: background-color 设定背景颜色
 background-image 设定背景图形
 background-repeat 设定背景重复
 background-attachment 设定背景附著
 background-position 设定背景位置
 例: BODY { BLUE url(image/gif) repeat-x fixed center }

Thirteen 发表于 2003-8-17 19:17

[

第四天 CSS元素位置控制
 对元素的位置控制也是CSS一个很重要的部分，今天我们就来看看。
 
 float
 作用: 设定浮动性质（多用于文绕图的情形）
 可选值: left 元素靠左，文字围绕其右
 right 元素靠右，文字围绕其左
 none 以预设的方法显示
 例: DIV { float : right }
 
 clear
 作用: 设定清除性质（设定是否允许浮动元素之存在）
 可选值: both 若两边有浮动元素，则该元素移至浮动元素下方
 left 若左边有浮动元素，则该元素移至浮动元素下方
 right 若右边有浮动元素，则该元素移至浮动元素下方
 none 以预设的方法显示
 例: DIV { clear : right }
 
 width
 作用: 设定宽度
 可选值: <length> 长度单位，请参考第一章基本单位的相关说明
 <percentage> 百分比，以父元素宽度为基准
 auto 以固定比例自动变化大小
 例: DIV { width : 300pt }
 
 height
 作用: 设定高度
 可选值: <length> 长度单位，请参考第一章基本单位的相关说明
 <percentage> 百分比，以父元素宽度为基准
 auto 以固定比例自动变化大小
 例: DIV { height : 300pt }
 
 position
 作用: 设定位置
 可选值: absolute 以父元素为基准，摆设在特定位置上
 relative 以相邻元素为基准，摆设在特定位置上
 static 预设位置，以该元素于原始码中位置而定
 例: DIV { position : static }
 
 top
 作用: 设定顶端位置
 可选值: <length> 长度单位，请参考第一章基本单位的相关说明
 <percentage> 百分比，以父元素宽度为基准
 auto 以正常方式显示
 例: DIV { top : 30pt }
 
 left
 作用: 设定左端位置
 可选值: <length> 长度单位，请参考第一章基本单位的相关说明
 <percentage> 百分比，以父元素宽度为基准
 auto 以正常方式显示
 例: DIV { left : 30pt }
 
 clip
 作用: 设定裁剪（设定某区域形状及大小，区域外通透）
 可选值: rect(top,right,bottom,left) 设定矩形之上右下左长度，会自动比对对边长度
 一般写法为rect(0,长度,长度,0)
 不可以写为rect(0,0,长度,长度)
 四个数值皆可以"auto"代替
 auto 以正常方式显示
 例: DIV { clip : rect(0,100px,50px,0) }
 
 overflow
 作用: 设定溢位处理（控制当元素内容超过该元素大小时的显示方式）
 可选值: visible 元素将不会依所设订大小显示，而能看见所有内容
 hidden 超过元素所设订大小之部份将被隐藏不予显示
 scroll 如有必要出现卷轴可让使用者看到全部的内容
 auto 以预设的方式显示
 例: DIV { overflow : scroll }
 
 visibility
 作用: 设定可视度
 可选值: visible 设定该元素显示
 hidden 设定该元素不显示，但仍占据空间
 inherit 以父元素可视度决定
 例: DIV { visibility : hidden }
 
 z-index
 作用: 设定Ｚ轴参数（三度空间）
 可选值: <number> 十进位数值，数值大的元素会出现在数值小的元素的上方
 auto 当元素位置重复时，原始码中写在後面元素会出现在写在前面元素的上方
 例: DIV { z-index : 3 }

Thirteen 发表于 2003-8-17 19:18

[

第五天 CSS对编号的控制
 在HTML里我们已经知道了用<li>标识来添加编号符，现在我们来看看用CSS对编号符的控制.
 
 list-style-type
 作用：添加编号符
 可选值： disc圆形
 circle空心圆
 square方块
 decimal数字
 lower-roman小写罗马数字
 upper-roman大写罗马数字
 lower-alpha小写希腊字母
 upper-alpha大写希腊字母
 none无符号显示
 例： div { list-style-type : circle }
 
 list-style-image
 作用：用图形来代替系统自带的编号符
 可选值： URL是用来代替项目符号的图形文件的地址，可以使用相对地址或绝对地址
 例： div { list-style-image：hsworkshop.jpg }
 
 list-style-position
 作用：描述编号符在何处显示
 可选值： inside：在BOX模型内部显示
 outside：在BOX模型外部显示
 (BOX模型。BOX是指一种容器，包含了应用样式规则的对象，具体介绍将在以后做为重点来说明其应用。)
 例： div { list-style-position : outside }
 
 display
 作用：改变元素的显示值，可以将元素类型线上，块和编号项目相互变换
 可选值： none - 不显示元素
 block - 块显示，在元素前后设置分行符
 inline - 删除元素前后的分行符，使其并入其它元素流中
 list-item - 将元素设置为清单中的一行
 例： div { display : block }
 
 white-space
 作用：控制元素內的空白
 可选值： normal - 不改变，保持缺省值，在浏览器页面长度处换行。
 pre - 要求文档显示中采用源代码中的格式。
 nowarp - 不让访问者在元素內换行。
 例： div { white-space : pre }

Thirteen 发表于 2003-8-17 19:22

[

第六天 CSS对用户界面的控制
 CSS不既可以对浏览器显示的页面进行控制，我们还可以通过CSS对浏览器本身进行控制,这里介绍对鼠标和卷动轴的控制.
 
 cursor
 作用: 控制鼠标的形状
 可选值： hand手形
 crosshair十字形
 text文本形
 wait沙漏形
 move十字箭头形
 help问号形
 e-resize右箭头形
 n-resize上箭头形
 nw-resize左上箭头形
 w-resize左箭头形
 s-resize下箭头形
 se-resize右下箭头形
 sw-resize左下箭头形
 例： body { cursor : text }
 
 scrollbar-face-color
 作用: 表示滚动条面的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-face-color : #333333 }
 
 scrollbar-shadow-color
 作用: 表示滚动条右斜面的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-shadow-color：#333333 }
 
 scrollbar-highlight-color
 作用: 表示滚动条左斜面的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-highlight-color：#333333 }
 
 scrollbar-3dlight-color
 作用: 表示滚动条上边和左边边沿的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-3dlight-color：#333333 }
 
 scrollbar-darkshadow-color
 作用: 表示滚动下边和右边边沿的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-darkshadow-color：#333333 }
 
 scrollbar-track-color
 作用: 表示滚动条底板的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-track-color：#333333 }
 
 scrollbar-arrow-color
 作用: 表示滚动条两端箭头的颜色
 可选值： <rrggbb>色彩值
 例： body:{ scrollbar-arrow-color：#333333 }

Thirteen 发表于 2003-8-17 19:31

[

第七天 CSS建立的BOX
 BOX事实上是CSS对块进行修饰的声明,顾名思义BOX就是建立一个盒子，而被修饰的元素就在这个盒子里。类似于与一个显示边框的表单.接下来我们就来看看通过那些声明实现BOX吧。这里我们把上下左右假定成X，即用X代替的部分可以分别插入top,bottom,right,left,已方便你阅读.
 
 margin-X
 作用: 设定边缘宽度
 可选值： <length> 长度单位.
 <percentage> 百分比，相对于元素宽度大小
 auto 使用浏览器预设值
 例： DIV { margin-top : 20pt }
 
 margin
 作用: 综合设定边缘宽度
 可选值：依序设定top,right,bottom,left的边缘宽度
 <length> {1,4} 长度单位
 <percentage> {1,4} 百分比，相对于元素宽度大小
 auto {1,4} 使用浏览器预设值
 例： DIV { margin: 20pt } →top=20pt;right=20pt;bottom=20pt;left=20pt
 DIV { margin: 20pt 15pt } →top=20pt;right=15pt;bottom=20pt;left=15pt
 DIV { margin: 20pt 15pt 10pt } →top=20pt;right=15pt;bottom=10pt;left=15pt
 DIV { margin : 20pt 15pt 10pt 5pt }→top=20pt;right=15pt;bottom=10pt;left=5pt
 大家需要注意这个问题，不同的忽略将造成不同的结果，下面的格式一样.
 
 border-X-width
 作用: 设定边框宽度
 可选值： thin 统一的绝对单位，因浏览器而异
 medium 统一的绝对单位，因浏览器而异
 thick 统一的绝对单位，因浏览器而异
 <length> 长度单位
 例： DIV { border-top-width : 2pt }
 
 border-width
 作用: 综合设定边框宽度
 可选值：依序设定top,right,bottom,left的边框宽度
 thin {1,4} 统一的绝对单位，因浏览器而异
 medium {1,4} 统一的绝对单位，因浏览器而异
 thick {1,4} 统一的绝对单位，因浏览器而异
 <length> {1,4} 长度单位
 例： DIV { border-width : 4pt 3pt 2pt 1pt }
 
 border-X-color
 作用: 设定边框颜色
 可选值： <color> 设定颜色
 例： DIV { border-top-color : BLUE }
 
 border-color
 作用: 综合设定边框颜色
 可选值：依序设定top,right,bottom,left的边框颜色
 <color> {1,4} 设定颜色
 例： DIV { border-color : RED GREEN BLUE YELLOW }
 
 border-X-style
 作用: 设定边框样式
 可选值： none 不显示边框
 dotted 虚线（ＩＥ４、ＮＣ４浏览器当作实线）
 dashed 短直线（ＩＥ４、ＮＣ４浏览器当作实线）
 solid 实线
 double 双直线
 ridge ３Ｄ凸线
 groove ３Ｄ凹线
 outset ３Ｄ隆起（ＩＥ４不显示）
 inset ３Ｄ嵌入（ＩＥ４不显示）
 例： DIV { border-top-style : inset }
 
 border-style
 作用: 综合设定边框样式
 可选值：依序设定top,right,bottom,left的边框样式
 none {1,4} 不显示边框
 dotted {1,4} 虚线（ＩＥ４、ＮＣ４浏览器当作实线）
 dashed {1,4} 短直线（ＩＥ４、ＮＣ４浏览器当作实线）
 solid {1,4} 实线
 double {1,4} 双直线
 ridge {1,4} ３Ｄ凸线
 groove {1,4} ３Ｄ凹线
 outset {1,4} ３Ｄ隆起（ＩＥ４不显示）
 inset {1,4} ３Ｄ嵌入（ＩＥ４不显示）
 例： DIV { border-style : ridge groove outset inset }
 
 border-X
 作用: 综合设定各边框性质
 可选值： <border-width> 设定该边框宽度，请参考上面的介绍
 <border-style> 设定该边框样式，请参考上面的介绍
 <border-color> 设定该边框颜色，请参考上面的介绍
 例： DIV { border-top : 2pt solid BLUE }
 
 border
 作用: 综合设定边框性质
 可选值： <border-width> 设定边框宽度，请参考上面的介绍
 <border-style> 设定边框样式，请参考上面的介绍
 <border-color> 设定边框颜色，请参考上面的介绍
 例： DIV { border : 2pt solid BLUE }
 
 padding-X
 作用: 设定补白宽度
 可选值： <length> 长度单位
 <percentage> 百分比，相对于元素宽度大小
 例： DIV { padding-top : 5pt }
 
 padding
 作用: 综合设定补白宽度
 可选值：依序设定top,right,bottom,left的补白宽度
 <length> {1,4} 长度单位
 <percentage> {1,4} 百分比，相对于元素宽度大小
 例： DIV { padding : 2pt 5pt 2pt 5pt }
 
 
 完[T.L.G]

Thirteen 发表于 2003-8-17 19:38

[

以上内容参照部分资料编写完成，转载请先与本人联系，并注明出处.
 T.L.G

ushin 发表于 2003-8-22 23:08

[

谢谢版主！！！

mac-osx 发表于 2003-9-27 17:08

[

thanks!!

xiangzi920 发表于 2005-12-9 23:05

[

不错的教程
 应该是楼主的心血.
 谢谢!

uyou 发表于 2009-5-27 14:07

谢谢，希望楼主继续

页: [1]

【开放注册】苹果手机软件下载论坛|中国苹果用户网|苹果BT下载种子torrent发布's Archiver

[

[

[

[

[

[

[

[

[

[

[