网站吧 » css http://wzba.info 学习历程 photoshop学习 Dreamweaver flash 等等 感悟点滴 和网络记录 Tue, 27 Dec 2011 10:36:14 +0000 en hourly 1 http://wordpress.org/?v=3.3 css视频教程(入门到精通)-第42课(顶部风格1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/263_css-video-tutorial-entry-to-the-master-the-first-42-classes-at-the-top-of-the-style-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/263_css-video-tutorial-entry-to-the-master-the-first-42-classes-at-the-top-of-the-style-1.html#comments Sun, 14 Dec 2008 14:12:34 +0000 admin http://wzba.info/?p=263 css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> Click here to view the embedded video.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/263_css-video-tutorial-entry-to-the-master-the-first-42-classes-at-the-top-of-the-style-1.html/feed 0 css视频教程(入门到精通)-第41课(文档2的使用) http://wzba.info/html/y2008/y_construction-site-of-knowledge/261_css-video-tutorial-entry-to-the-master-the-first-41-courses-the-use-of-the-document-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/261_css-video-tutorial-entry-to-the-master-the-first-41-courses-the-use-of-the-document-2.html#comments Sun, 14 Dec 2008 14:11:50 +0000 admin http://wzba.info/?p=261 曹鹏 css 演示文档的下载:这里

本站备份(不推荐):这里

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> 曹鹏 css 演示文档的下载:这里

本站备份(不推荐):这里

Click here to view the embedded video.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/261_css-video-tutorial-entry-to-the-master-the-first-41-courses-the-use-of-the-document-2.html/feed 0 css视频教程(入门到精通)-第40课(链接2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/258_css-video-tutorial-entry-to-the-master-the-40th-division-link-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/258_css-video-tutorial-entry-to-the-master-the-40th-division-link-2.html#comments Sun, 14 Dec 2008 14:10:49 +0000 admin http://wzba.info/?p=258 }

a{

color:purple;

}

a:visited{

color:red;
background-color:black

}

a:hover{

background-color:white;

}

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> }

a{

color:purple;

}

a:visited{

color:red;
background-color:black

}

a:hover{

background-color:white;

}

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/258_css-video-tutorial-entry-to-the-master-the-40th-division-link-2.html/feed 0 css视频教程(入门到精通)-第39课(链接1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/256_css-video-tutorial-entry-to-the-master-the-39th-division-link-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/256_css-video-tutorial-entry-to-the-master-the-39th-division-link-1.html#comments Sun, 14 Dec 2008 14:09:52 +0000 admin http://wzba.info/?p=256 链接与化类别

用CSS的:link化类别来制定没有访问过链接的属性.

没有访问过的链接是什么颜色,访问过的链接是什么颜色

pseudo-Class Example Use Description

:link a:link {…} 设置为访问过链接属性
:visited a:viseted{…} 设置访问过链接属性
:active a:active {…} 鼠标点击与释放之间时
:hover a:hover { 鼠标悬停时

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> Click here to view the embedded video.

链接与化类别

用CSS的:link化类别来制定没有访问过链接的属性.

没有访问过的链接是什么颜色,访问过的链接是什么颜色

pseudo-Class Example Use Description

:link a:link {…} 设置为访问过链接属性
:visited a:viseted{…} 设置访问过链接属性
:active a:active {…} 鼠标点击与释放之间时
:hover a:hover { 鼠标悬停时

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/256_css-video-tutorial-entry-to-the-master-the-39th-division-link-1.html/feed 0 css视频教程(入门到精通)-第38课(文本变形) http://wzba.info/html/y2008/y_construction-site-of-knowledge/254_css-video-tutorial-entry-to-the-master-the-38th-class-text-deformation.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/254_css-video-tutorial-entry-to-the-master-the-38th-class-text-deformation.html#comments Sun, 14 Dec 2008 14:09:18 +0000 admin http://wzba.info/?p=254 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> Click here to view the embedded video.

文本变形属性:

是指大小写转换首字母大写等属性.

text-transform: none         不变
text-transform: capitalize   首字母大写
text-transform: uppercase    全部字母大写
text-transform: lowercase    全变小写

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/254_css-video-tutorial-entry-to-the-master-the-38th-class-text-deformation.html/feed 0 css视频教程(入门到精通)-第37课(文本装饰) http://wzba.info/html/y2008/y_construction-site-of-knowledge/252_css-video-tutorial-entry-to-the-master-the-37th-class-text-decoration.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/252_css-video-tutorial-entry-to-the-master-the-37th-class-text-decoration.html#comments Sun, 14 Dec 2008 14:08:43 +0000 admin http://wzba.info/?p=252 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> Click here to view the embedded video.

文本装饰属性:

在css中,文本装饰效果涉及到上划线,下划线,删除线等对文本的一些装饰效果.

text-decoration:  none        无

text-decoration:  underline   下划线

text-decoration:  overline    上划线

text-decoration:  line-through 删除线

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/252_css-video-tutorial-entry-to-the-master-the-37th-class-text-decoration.html/feed 0 css视频教程(入门到精通)-第36课(文本对齐) http://wzba.info/html/y2008/y_construction-site-of-knowledge/250_css-video-tutorial-entry-to-the-master-the-first-36-lessons-text-alignment.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/250_css-video-tutorial-entry-to-the-master-the-first-36-lessons-text-alignment.html#comments Sun, 14 Dec 2008 14:08:05 +0000 admin http://wzba.info/?p=250 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第35课(文本缩进)css视频教程(入门到精通)-第34课(字体变量)]]> Click here to view the embedded video.

文本对齐:

css支持水平的对齐和适当的文本

text-align:  left

text-align:  right

text-align:  center

text-align:  justify          文本两边对齐

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/250_css-video-tutorial-entry-to-the-master-the-first-36-lessons-text-alignment.html/feed 0 css视频教程(入门到精通)-第35课(文本缩进) http://wzba.info/html/y2008/y_construction-site-of-knowledge/248_css-video-tutorial-entry-to-the-master-the-35th-class-text-indent.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/248_css-video-tutorial-entry-to-the-master-the-35th-class-text-indent.html#comments Sun, 14 Dec 2008 14:07:29 +0000 admin http://wzba.info/?p=248 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第34课(字体变量)]]> Click here to view the embedded video.

文本缩进:

通过 text-indent 的属性你可以在css中对每个段落的首行缩进.

text-indent: <length>   根据具体数值对段落首行进行缩进
text-indent: <percentage>   根据百分比缩进

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/248_css-video-tutorial-entry-to-the-master-the-35th-class-text-indent.html/feed 0 css视频教程(入门到精通)-第34课(字体变量) http://wzba.info/html/y2008/y_construction-site-of-knowledge/246_css-video-tutorial-entry-to-the-master-the-first-34-classes-font-variant.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/246_css-video-tutorial-entry-to-the-master-the-first-34-classes-font-variant.html#comments Sun, 14 Dec 2008 14:06:55 +0000 admin http://wzba.info/?p=246 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

字体变量属性:

font-variant可以用来小写变大写

font-variant: small-caps

font-variant: normal

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/246_css-video-tutorial-entry-to-the-master-the-first-34-classes-font-variant.html/feed 0 css视频教程(入门到精通)-第33课(行间距) http://wzba.info/html/y2008/y_construction-site-of-knowledge/244_css-video-tutorial-entry-to-the-master-no-33-office-line-spacing.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/244_css-video-tutorial-entry-to-the-master-no-33-office-line-spacing.html#comments Sun, 14 Dec 2008 14:06:05 +0000 admin http://wzba.info/?p=244 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

行间距属性:

它是来制定行于行之间的垂直间距

p { line-height: 14pt }

比如:

字体变量属性:

font-variant可以用来小写变大写

font-variant: small-caps

font-variant: normal

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/244_css-video-tutorial-entry-to-the-master-no-33-office-line-spacing.html/feed 0 css视频教程(入门到精通)-第32课(字体大小) http://wzba.info/html/y2008/y_construction-site-of-knowledge/242_css-video-tutorial-entry-to-the-master-the-first-32-classes-font-size.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/242_css-video-tutorial-entry-to-the-master-the-first-32-classes-font-size.html#comments Sun, 14 Dec 2008 14:05:14 +0000 admin http://wzba.info/?p=242 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

字体大小:

设置字体大小(绝对和相对)

p{ font-size: 12px }

规则:

font-size:  12px     absolute

font-size:  12px     absolute

font-size:  medium     absolute

font-size:  smaller     Relative

font-size:  normal     Relative

font-size:  larger     Relative

font-size:  50%     Relative

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/242_css-video-tutorial-entry-to-the-master-the-first-32-classes-font-size.html/feed 0 css视频教程(入门到精通)-第31课(字体粗细) http://wzba.info/html/y2008/y_construction-site-of-knowledge/240_css-video-tutorial-entry-to-the-master-article-31-section-font-size.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/240_css-video-tutorial-entry-to-the-master-article-31-section-font-size.html#comments Sun, 14 Dec 2008 14:04:34 +0000 admin http://wzba.info/?p=240 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

字体粗细属性:

这个属性设置字体的粗细程度:

p { font-weight: bold }

属性规则:

font-weight: normal

font-weight: bold

font-weight:bolder

font-weight: lighter

font-weight: <100-900>

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/240_css-video-tutorial-entry-to-the-master-article-31-section-font-size.html/feed 0 css视频教程(入门到精通)-第30课(字体风格) http://wzba.info/html/y2008/y_construction-site-of-knowledge/238_css-video-tutorial-entry-to-the-master-the-30th-division-font-style.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/238_css-video-tutorial-entry-to-the-master-the-30th-division-font-style.html#comments Sun, 14 Dec 2008 14:03:43 +0000 admin http://wzba.info/?p=238 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

字体风格:

字体风格属性控制字体是否斜体,比如:

p {font-style: italic; }

可能的几个值:

    font-style: oblique    斜体
    font-style: italic     斜体
    font-style: normal     正常

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/238_css-video-tutorial-entry-to-the-master-the-30th-division-font-style.html/feed 0 css视频教程(入门到精通)-第29课(字体属性) http://wzba.info/html/y2008/y_construction-site-of-knowledge/236_css-video-tutorial-entry-to-the-master-the-29th-division-font-attributes.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/236_css-video-tutorial-entry-to-the-master-the-29th-division-font-attributes.html#comments Sun, 14 Dec 2008 14:02:58 +0000 admin http://wzba.info/?p=236 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

字体属性:

字体属性控制元素的字体:

p {font-family: Verdana}

更多的例子:

font-family:  Verdana
font-family: Times
font-family: Arial,Verdana,sans-serif  如果没有第一个字体找第二个,依次.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/236_css-video-tutorial-entry-to-the-master-the-29th-division-font-attributes.html/feed 0 css视频教程(入门到精通)-第28课(背景定位) http://wzba.info/html/y2008/y_construction-site-of-knowledge/234_css-video-tutorial-entry-to-the-master-the-28th-division-background-positioning.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/234_css-video-tutorial-entry-to-the-master-the-28th-division-background-positioning.html#comments Sun, 14 Dec 2008 14:02:08 +0000 admin http://wzba.info/?p=234 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

背景定位:

背景定位属性用来指定背景图片在网页中的展示位置.

body{
   background-image;   url("dizhi");
   background-repeat:  no-repeat;
   background-position: 10% 10%;
 }

规则很简单:

    background-position: <x> <y>      用具体数值或百分比
    background-position: [top |center |bottom]  用关键字定位
                         [left |center |right]

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/234_css-video-tutorial-entry-to-the-master-the-28th-division-background-positioning.html/feed 0 css视频教程(入门到精通)-第27课(背景附着) http://wzba.info/html/y2008/y_construction-site-of-knowledge/232_css-video-tutorial-entry-to-the-master-the-27th-division-background-attachment.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/232_css-video-tutorial-entry-to-the-master-the-27th-division-background-attachment.html#comments Sun, 14 Dec 2008 14:00:26 +0000 admin http://wzba.info/?p=232 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

背景附着:

这个 background-attchment属性可以控制北京是否随网页滚动.

body{
   background-image;   url("dizhi");
   background-repeat:  no-repeat;
   background-attachment: fixed;
 }

以下为几个常见值:

     background:attachment: scroll    背景随着滚动
     background:attachment: scroll    背景固定
     background-attachment: inherit   继承父值

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/232_css-video-tutorial-entry-to-the-master-the-27th-division-background-attachment.html/feed 0 css视频教程(入门到精通)-第26课(背景重复2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/229_css-video-tutorial-entry-to-the-master-the-26th-division-background-repeat-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/229_css-video-tutorial-entry-to-the-master-the-26th-division-background-repeat-2.html#comments Sun, 14 Dec 2008 13:59:24 +0000 admin http://wzba.info/?p=229 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/229_css-video-tutorial-entry-to-the-master-the-26th-division-background-repeat-2.html/feed 0 css视频教程(入门到精通)-第25课(背景重复1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/227_css-video-tutorial-entry-to-the-master-the-25th-division-background-repeat-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/227_css-video-tutorial-entry-to-the-master-the-25th-division-background-repeat-1.html#comments Sun, 14 Dec 2008 13:58:24 +0000 admin http://wzba.info/?p=227 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

背景重复1:

你可以对背景显示的方式进行微调,通过backgroung-repeat属性,你可以指定背景的重复方式,下面的规则是在说背景图片不允许重复:

body {
    background-image:   url("地址");
    background-repeat: no-repeat;
  }

下面是不同的选择规则:

    background-repeat: repeat      重复
    background-repeat: repeat-x    仅平行重复
    background-repeat: repeat-y    仅垂直重复
    background-repeat: no-repeat   不重复
    background-repeat: inherit     继承父值

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/227_css-video-tutorial-entry-to-the-master-the-25th-division-background-repeat-1.html/feed 0 css视频教程(入门到精通)-第24课(背景图片2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/225_css-video-tutorial-entry-to-the-master-the-24th-division-background-picture-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/225_css-video-tutorial-entry-to-the-master-the-24th-division-background-picture-2.html#comments Sun, 14 Dec 2008 13:56:34 +0000 admin http://wzba.info/?p=225 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

背景图片2:

背景重复1:

你可以对背景显示的方式进行微调,通过backgroung-repeat属性,你可以指定背景的重复方式,下面的规则是在说背景图片不允许重复:

body {
    background-image:   url("地址");
    background-repeat: no-repeat;
  }

下面是不同的选择规则:

    background-repeat: repeat      重复
    background-repeat: repeat-x    仅平行重复
    background-repeat: repeat-y    仅垂直重复
    background-repeat: no-repeat   不重复
    background-repeat: inherit     继承父值

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/225_css-video-tutorial-entry-to-the-master-the-24th-division-background-picture-2.html/feed 0 css视频教程(入门到精通)-第23课(背景图片1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/223_css-video-tutorial-entry-to-the-master-the-first-23-classes-background-picture-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/223_css-video-tutorial-entry-to-the-master-the-first-23-classes-background-picture-1.html#comments Sun, 14 Dec 2008 13:55:55 +0000 admin http://wzba.info/?p=223 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

背景图片1:

在CSS中,你可以对任何元素指定背景图片,比如:

body{
   background-image:     url("图片地址");
}

规则如下:

background-image: url("<location>")   通过网址来指定
background-image: none
background-image: inherit   继承父值

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/223_css-video-tutorial-entry-to-the-master-the-first-23-classes-background-picture-1.html/feed 0 css视频教程(入门到精通)-第22课(填充) http://wzba.info/html/y2008/y_construction-site-of-knowledge/221_css-video-tutorial-entry-to-the-master-the-first-22-classes-filled.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/221_css-video-tutorial-entry-to-the-master-the-first-22-classes-filled.html#comments Sun, 14 Dec 2008 13:54:53 +0000 admin http://wzba.info/?p=221 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

填充属性:

填充属性是用来控制元素边框内空间的大小,

padding: 30px;

padding-top: <length>
padding-right: <length>
padding-bottom: <length>
padding-left: <length>
padding: <top> <right> <bottom> <left>

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/221_css-video-tutorial-entry-to-the-master-the-first-22-classes-filled.html/feed 0 css视频教程(入门到精通)-第21课(边界距) http://wzba.info/html/y2008/y_construction-site-of-knowledge/219_css-video-tutorial-entry-to-the-master-article-21-section-from-the-border.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/219_css-video-tutorial-entry-to-the-master-article-21-section-from-the-border.html#comments Sun, 14 Dec 2008 13:54:08 +0000 admin http://wzba.info/?p=219 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

边界距

边界距属性是用来指定两个元素边框之间的距离:

margin:30px    

分别设置上下左右边界距
margin-top: <length>
margin-right: <length>
margin-bottom: <length>
margin-left: <length>
设置每个边界距:

margin: <top> <right> <bottom> <left>

注意:数值方向的margin是会重合的,上面的margin是15px,下面的margin是30px他俩之间的margin是30px而不是45px.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/219_css-video-tutorial-entry-to-the-master-article-21-section-from-the-border.html/feed 0 css视频教程(入门到精通)-第20课(边框2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/217_css-video-tutorial-entry-to-the-master-article-20-section-border-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/217_css-video-tutorial-entry-to-the-master-article-20-section-border-2.html#comments Sun, 14 Dec 2008 13:53:22 +0000 admin http://wzba.info/?p=217 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

边框2

边框颜色

边框颜色属性的指定方式和其它颜色属性一样:

border-color:red

bordercolor:#00ff00

border-color:rgb(0%,0%,100%)

规则如同其他颜色属性是一样的

边框风格:

在css中常见的几种边框风格:

border-style: none (这种边框将看不到而且不占用空间) border-style: hidden(看不到但是占用空间)
border-style: dotted       border-style: dashed     border-style: solid
border-style: double       border-style: groove     border-style: ridge
border-style: inset(内浮雕)        border-style: outset(外浮雕)

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/217_css-video-tutorial-entry-to-the-master-article-20-section-border-2.html/feed 0 css视频教程(入门到精通)-第19课(边框1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/215_css-video-tutorial-entry-to-the-master-article-19-section-border-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/215_css-video-tutorial-entry-to-the-master-article-19-section-border-1.html#comments Sun, 14 Dec 2008 13:51:48 +0000 admin http://wzba.info/?p=215 h1 {color: #ccc: }

img.thumb{

border-width:12x

}

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

h1 {color: #ccc: }

img.thumb{

border-width:12x

}

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/215_css-video-tutorial-entry-to-the-master-article-19-section-border-1.html/feed 0 css视频教程(入门到精通)-第18课(布局4属性) http://wzba.info/html/y2008/y_construction-site-of-knowledge/213_css-video-tutorial-entry-to-the-master-the-18th-division-the-layout-of-4-attributes.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/213_css-video-tutorial-entry-to-the-master-the-18th-division-the-layout-of-4-attributes.html#comments Sun, 14 Dec 2008 13:51:07 +0000 admin http://wzba.info/?p=213 用css做布局有几个属性之间的关系必须要明了,

The Box Model (4个关系)
Margin(边界距)本身在英语中就是边界的意思,是指一个元素的边框与另一个的之间的距离
Border(边框) 无论你看不看得见它都是存在的
padding(填充)是content和border之间的空间,就是填充物
content(内容),可以是图片文本任何元素

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]>

Click here to view the embedded video.

用css做布局有几个属性之间的关系必须要明了,

The Box Model (4个关系)
Margin(边界距)本身在英语中就是边界的意思,是指一个元素的边框与另一个的之间的距离
Border(边框) 无论你看不看得见它都是存在的
padding(填充)是content和border之间的空间,就是填充物
content(内容),可以是图片文本任何元素

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/213_css-video-tutorial-entry-to-the-master-the-18th-division-the-layout-of-4-attributes.html/feed 0 css视频教程(入门到精通)-第17课(背景颜色) http://wzba.info/html/y2008/y_construction-site-of-knowledge/211_css-video-tutorial-entry-to-the-master-the-17th-division-background-color.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/211_css-video-tutorial-entry-to-the-master-the-17th-division-background-color.html#comments Sun, 14 Dec 2008 13:50:05 +0000 admin http://wzba.info/?p=211 就像颜色属性背景颜色属性指定的是背景颜色

p{
background-color: red;
}

规则跟颜色属性一样

可以指定任何一部分的颜色,如段落的背景颜色

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

就像颜色属性背景颜色属性指定的是背景颜色

p{
background-color: red;
}

规则跟颜色属性一样

可以指定任何一部分的颜色,如段落的背景颜色

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/211_css-video-tutorial-entry-to-the-master-the-17th-division-background-color.html/feed 0 css视频教程(入门到精通)-第16课(颜色2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/209_css-video-tutorial-entry-to-the-master-article-16-section-color-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/209_css-video-tutorial-entry-to-the-master-article-16-section-color-2.html#comments Sun, 14 Dec 2008 13:49:10 +0000 admin http://wzba.info/?p=209 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/209_css-video-tutorial-entry-to-the-master-article-16-section-color-2.html/feed 0 css视频教程(入门到精通)-第15课(颜色1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/207_css-video-tutorial-entry-to-the-master-article-15-section-color-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/207_css-video-tutorial-entry-to-the-master-article-15-section-color-1.html#comments Sun, 14 Dec 2008 13:48:24 +0000 admin http://wzba.info/?p=207

css Color 属性

在css中,你可以使用颜色属性来制定任意元素的颜色,比如

p{
color; red;
}

五种颜色指定方法:

Property Value Discription
color: <color keyword> 设置颜色为给定的值
color: #rrggbb 用HTML的16位进制来表示
color: rgb(rrr,ggg,bbb) 制定RGB三种颜色的数值(0-255)
color: rgb(rrr%,ggg%,bbb%) 通过rgb的百分比
color: inherit 继承父值

常用的颜色关键字:
aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,puple,red,silver,teal,white,yellow

如:

h1 { color: puple; }
h2 { color: fuchsia; }

Click here to view the embedded video.

css Color 属性

在css中,你可以使用颜色属性来制定任意元素的颜色,比如

p{
color; red;
}

五种颜色指定方法:

Property Value Discription
color: <color keyword> 设置颜色为给定的值
color: #rrggbb 用HTML的16位进制来表示
color: rgb(rrr,ggg,bbb) 制定RGB三种颜色的数值(0-255)
color: rgb(rrr%,ggg%,bbb%) 通过rgb的百分比
color: inherit 继承父值

常用的颜色关键字:
aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,puple,red,silver,teal,white,yellow

如:

h1 { color: puple; }
h2 { color: fuchsia; }
p { color: maroon; }

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/207_css-video-tutorial-entry-to-the-master-article-15-section-color-1.html/feed 0 css视频教程(入门到精通)-第14课(群选择符2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/206_css-video-tutorial-entry-to-the-master-the-first-14-classes-group-selectors-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/206_css-video-tutorial-entry-to-the-master-the-first-14-classes-group-selectors-2.html#comments Sun, 14 Dec 2008 13:40:09 +0000 admin http://wzba.info/?p=206


群选择符 演示

这是第一个段落.

这是第二个段落.

这是第三个段落.


相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.



群选择符 演示

这是第一个段落.

这是第二个段落.

这是第三个段落.


相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/206_css-video-tutorial-entry-to-the-master-the-first-14-classes-group-selectors-2.html/feed 0 css视频教程(入门到精通)-第13课(群选择符1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/204_css-video-tutorial-entry-to-the-master-the-first-13-classes-group-selectors-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/204_css-video-tutorial-entry-to-the-master-the-first-13-classes-group-selectors-1.html#comments Sun, 14 Dec 2008 13:38:45 +0000 admin http://wzba.info/?p=204 你可以同时为多个选择符应用同一套规则,就像这样:

p,h1,h2{
text-align: left;
}

每个选择符之间用逗号隔开.

甚至你还可以在群选择符中参杂ID类别等:

p.navigation,h1#title {
font-weight:bold;
}

navigation
[ˌnæviˈɡeiʃən]
n.
航行(学); 航海(术), 航空(术)
Navigation is difficult on this river because of hidden rocks.
由于多暗礁, 在这条河上航行很困难。
导航, 领航
The compass is an instrument of navigation.
罗盘是导航仪器。

相关文章css视频教程(入门到精通)-第42课(顶部风格1) Click here to view the embedded video.

你可以同时为多个选择符应用同一套规则,就像这样:

p,h1,h2{
text-align: left;
}

每个选择符之间用逗号隔开.

甚至你还可以在群选择符中参杂ID类别等:

p.navigation,h1#title {
font-weight:bold;
}

navigation
[ˌnæviˈɡeiʃən]
n.
航行(学); 航海(术), 航空(术)
Navigation is difficult on this river because of hidden rocks.
由于多暗礁, 在这条河上航行很困难。
导航, 领航
The compass is an instrument of navigation.
罗盘是导航仪器。

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/204_css-video-tutorial-entry-to-the-master-the-first-13-classes-group-selectors-1.html/feed 0 css视频教程(入门到精通)-第12课(id选择符2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/202_css-video-tutorial-entry-to-the-master-article-12-section-id-selectors-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/202_css-video-tutorial-entry-to-the-master-article-12-section-id-selectors-2.html#comments Sun, 14 Dec 2008 13:38:02 +0000 admin http://wzba.info/?p=202 <html>
<head>
<title>ID选择符 演示</title>

<style type=”text/css”>

<!–
p.blue {color:blue;}
h1#red {color:red;}
–>
</style>
</style>
</head>
</body>

<h1 id=”red”>ID选择符 演示</h1>

<p class=”blue”>这是第一个段落.</p>

<p class=”blue”>这是第二个段落.</p>

</body>
</html>

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

<html>
<head>
<title>ID选择符 演示</title>

<style type=”text/css”>

<!–
p.blue {color:blue;}
h1#red {color:red;}
–>
</style>
</style>
</head>
</body>

<h1 id=”red”>ID选择符 演示</h1>

<p class=”blue”>这是第一个段落.</p>

<p class=”blue”>这是第二个段落.</p>

</body>
</html>

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/202_css-video-tutorial-entry-to-the-master-article-12-section-id-selectors-2.html/feed 0 css视频教程(入门到精通)-第11课(id选择符1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/200_css-video-tutorial-entry-to-the-master-the-11th-division-id-selectors-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/200_css-video-tutorial-entry-to-the-master-the-11th-division-id-selectors-1.html#comments Sun, 14 Dec 2008 13:37:22 +0000 admin http://wzba.info/?p=200 ID 选择符有点像类别选择符,只不过每一页只能用在一个元素上,如果给定一下CSS规则:

p#bold { font-weight: bold; }

加上这个 HTML

<p id=”bold”>这个段落应该是粗体. </p>

identification
[aiˌdentifiˈkeiʃən]
n.
鉴定, 验明, 认出
The identification of rabies virus has saved many lives.
狂犬病病毒的确认挽救了许多人的性命。
身份证明
Can I see your identification, please?
我能看看您的证件吗?
认同
His identification with the hero of the [...]]]> Click here to view the embedded video.

ID 选择符有点像类别选择符,只不过每一页只能用在一个元素上,如果给定一下CSS规则:

p#bold { font-weight: bold; }

加上这个 HTML

<p id=”bold”>这个段落应该是粗体. </p>

identification
[aiˌdentifiˈkeiʃən]
n.
鉴定, 验明, 认出
The identification of rabies virus has saved many lives.
狂犬病病毒的确认挽救了许多人的性命。
身份证明
Can I see your identification, please?
我能看看您的证件吗?
认同
His identification with the hero of the book made him sleepless.
对书中主人公的同情使他睡不着。

identification
[aiˌdentifiˈkeiʃən]
n.
鉴定, 验明, 认出
The identification of rabies virus has saved many lives.
狂犬病病毒的确认挽救了许多人的性命。
身份证明
Can I see your identification, please?
我能看看您的证件吗?
认同
His identification with the hero of the book made him sleepless.
对书中主人公的同情使他睡不着。

#是id选择符的标识

#bold 就是选择一个id是blod的元素

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/200_css-video-tutorial-entry-to-the-master-the-11th-division-id-selectors-1.html/feed 0 css视频教程(入门到精通)-第10课(类别选择符2) http://wzba.info/html/y2008/y_construction-site-of-knowledge/198_css-video-tutorial-entry-to-the-master-the-first-10-classes-class-selectors-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/198_css-video-tutorial-entry-to-the-master-the-first-10-classes-class-selectors-2.html#comments Sun, 14 Dec 2008 13:36:32 +0000 admin http://wzba.info/?p=198 <html>
<head>
<title>类别选择符 演示</title>
<style type=”text/css”>

<!–
p.red {color:red:}
–>
</style>
</head>
<body>

<h1>类别选择符 演示</h1>

<p class=”red”>这是第一个段落.</p>

<p class=”red”>这是第二个段落.</p>

<p>这是第三个段落. </p>

</body>
</html>

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

<html>
<head>
<title>类别选择符 演示</title>
<style type=”text/css”>

<!–
p.red {color:red:}
–>
</style>
</head>
<body>

<h1>类别选择符 演示</h1>

<p class=”red”>这是第一个段落.</p>

<p class=”red”>这是第二个段落.</p>

<p>这是第三个段落. </p>

</body>
</html>

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/198_css-video-tutorial-entry-to-the-master-the-first-10-classes-class-selectors-2.html/feed 0 css视频教程(入门到精通)-第9课(类别选择符1) http://wzba.info/html/y2008/y_construction-site-of-knowledge/196_css-video-tutorial-entry-to-the-master-lesson-9-class-selectors-1.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/196_css-video-tutorial-entry-to-the-master-lesson-9-class-selectors-1.html#comments Sun, 14 Dec 2008 13:34:57 +0000 admin http://wzba.info/?p=196 类别选择符让你对一个给定的类别应用CSS.如果我们有下面这条CSS规则:

p.bold { font-weight:bold;}

p=paragraph

.是类别选择符的标识

bold是个自定义的名字(醒目的,粗体的)

再加上下面的HTML:

<p class=”bold”>这个段落应该是粗体.</p>

看到的结果应该是这样的

paragraph
[ˈpærəɡrɑ:f]
n.
段落
Each paragraph begins on a new line.
每段都另起一行。
短篇报道
There’s a paragraph on the matter in the paper.
报纸对这件事有一短篇报道。

bold [bəuld] adj. 勇敢的, 无畏的]]> Click here to view the embedded video.

双击全屏

类别选择符让你对一个给定的类别应用CSS.如果我们有下面这条CSS规则:

p.bold { font-weight:bold;}

p=paragraph

.是类别选择符的标识

bold是个自定义的名字(醒目的,粗体的)

再加上下面的HTML:

<p class=”bold”>这个段落应该是粗体.</p>

看到的结果应该是这样的

paragraph
[ˈpærəɡrɑ:f]
n.
段落
Each paragraph begins on a new line.
每段都另起一行。
短篇报道
There’s a paragraph on the matter in the paper.
报纸对这件事有一短篇报道。

bold
[bəuld]
adj.
勇敢的, 无畏的

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/196_css-video-tutorial-entry-to-the-master-lesson-9-class-selectors-1.html/feed 0 css视频教程(入门到精通)-第8课(引入式样式表) http://wzba.info/html/y2008/y_construction-site-of-knowledge/194_css-video-tutorial-entry-to-the-master-lesson-no-8-the-introduction-of-style-sheets.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/194_css-video-tutorial-entry-to-the-master-lesson-no-8-the-introduction-of-style-sheets.html#comments Sun, 14 Dec 2008 13:27:06 +0000 admin http://wzba.info/?p=194 <html>
<head>
<title>曹鹏 css 演示文档 1</title>
<meta http-equiv=”content-type” content=”text/html;charset=gb2312″>
<script type=”text/javascript” src=”menu.js”></script>
<style type=”text/css”>
@import url(main.css); 这种方式不常用,知道一下!

</style>
</head>
<body>
</body>
</html>

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

双击全屏

<html>
<head>
<title>曹鹏 css 演示文档 1</title>
<meta http-equiv=”content-type” content=”text/html;charset=gb2312″>
<script type=”text/javascript” src=”menu.js”></script>
<style type=”text/css”>
@import url(main.css); 这种方式不常用,知道一下!

</style>
</head>
<body>
</body>
</html>

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/194_css-video-tutorial-entry-to-the-master-lesson-no-8-the-introduction-of-style-sheets.html/feed 0 css视频教程(入门到精通)-第7课(链接式样式表) http://wzba.info/html/y2008/y_construction-site-of-knowledge/192_css-video-tutorial-entry-to-the-master-lesson-no-7-link-style-sheets.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/192_css-video-tutorial-entry-to-the-master-lesson-no-7-link-style-sheets.html#comments Sun, 14 Dec 2008 13:25:45 +0000 admin http://wzba.info/?p=192 <html>
<head>
<title>曹鹏 css 演示文档 1</title>
<meta http-equiv=”content-type” content=”text/html;charset=gb2312″>
<script type=”text/javascript” src=”menu.js”></script>
<link href=”main.css” rel=”Stylesheet”>

</head>
<body>
</body>
</html>

href=reference [ˈrefrəns] n. 提及, 涉及 The play is full of references to the political events of those days. 剧本涉及当时的许多政治事件。 参考, 查阅 引文; 参考书目 The author does not [...]]]> Click here to view the embedded video.

双击全屏

<html>
<head>
<title>曹鹏 css 演示文档 1</title>
<meta http-equiv=”content-type” content=”text/html;charset=gb2312″>
<script type=”text/javascript” src=”menu.js”></script>
<link href=”main.css” rel=”Stylesheet”>

</head>
<body>
</body>
</html>

href=reference
[ˈrefrəns]
n.
提及, 涉及
The play is full of references to the political events of those days.
剧本涉及当时的许多政治事件。
参考, 查阅
引文; 参考书目
The author does not give references.
作者没有注明参考文献的出处。
证明书; 推荐信; 证明人; 推荐人
Does he have references from former employers?
他有以前的雇主写的证明吗?

rel=relationship
[riˈleiʃənʃip]
n.
关系, 联系
There are certain things that are absolutely basic to the maintenance of a good relationship.
要保持良好的关系, 有些条件是必不可少的。

sheet
[ʃi:t]
n.
被单; 褥单
薄片
一张(纸), [pl. ]印刷品; 书页
广阔的一片; 大片
[诗]帆
表格, 图表, 单, 票; 邮票的印张
【地质】岩席, 岩床;【航空】涡面,【数】叶
【航海】帆脚索
a sheet of metal
一张金属板
a sheet of paper
一张纸
a pay sheet ([美]payroll)
工资单
a sheet of flames
一片火海
a sheet of water
一片汪洋
Put clean sheets on the bed.
把干净的床单铺在床上。
The rain fell in sheets.
大雨滂沱。
词性变化
sheet
[ʃi:t]
vt.
给…盖被单, 覆盖
铺; 伸展; 使成一大片
用裹尸布包
用帆脚索扣紧(帆)
sheet a bed
铺床单
sheeted rain
滂沱大雨
sheet
[ʃi:t]
vi.
大片地落下; 成片地铺开; 大片地流动
adj.
片状的; 制金属薄片的
继承用法
sheet-coater
n.
板材涂漆机
sheetage
n.
纸张表面比率; 纸张比重
sheeter
n.
轧面机; 压面机
sheetless
adj.
sheetlike
adj.
习惯用语
a blank sheet
一张白纸
纯洁的心灵
a clean sheet
清白的历史
(服务期间)表现良好的鉴定; 品行善良的人
a sheet in the wind [wind's eye]
[俚]微醉, 有醉意
(as) white as a sheet
脸色苍白, 面无血色
between the lawful sheets
合法婚姻
(get) between the sheets
在被窝里, 在床上
(男女之间的)交媾
come down in sheets
(大雨)倾盆而下
in sheets
成薄板[薄片]
散页, 未装订
(大雨)倾盆
pale as a sheet
(脸色)苍白
put on [stand in] a white sheet
穿上白色忏悔服; 当众忏悔[认错]
rap sheet
[美俚]公安部门的刑事犯登记表
scandal sheet
黄色报刊
[美俚]商人的费用帐
(军队的)饷单
with flowing sheets
(横风时)放松帆脚索
take a sheet off a hedge
公然盗窃
three sheets in the wind
[俚]醉得东倒西歪
sheet anchor
(紧急时使用的)备用大锚
[喻]紧急时的依靠, 主要的指望
sheet home
用帆脚索扣住(风帆); 归咎于
sheets hot from the press
刚印好的印刷品
特殊用法
account form balance sheet
帐户式资产负债表
acetyl cellulose sheet
醋酸(布片)层板, 乙酰纤维素薄片
acid pickling steel sheet
酸洗薄钢板
adjoining sheet
相邻图幅
adjustment sheet
调节片
advance sheets
样本, 样页
advice sheet
汇兑交易报告书
aggregate balance sheet
合并资产负债表
air-dried sheet
风干(胶)片
all funds-combined balance sheet
全部基金综合平衡表
all-purpose balance sheet
通用资产负债表
amalgamated [aggregate, consolidated] balance sheet
合并资产负债表
amendment sheet
订正单
analysis sheet
分析表
annual balance sheet
年终决算表, 年度资产负债表
anode sheet
阳极板
answer sheet
答卷; 回答表
art work sheet
工艺图纸
asbestos sheet
石棉板(片)
asbestos rubber sheet
石棉胶板; 夹胶石棉板
assignment sheet
指定作业纸
attendance sheets
点名册
audit working sheet
查帐工作底表, 查帐计算表
authorizationsheet forpurchase of exchange
购入外汇认可书
authorization sheet for sales of exchange
汇兑售出凭单
autobody sheet
汽车车身钢板
back tube sheet
后管板, 火箱管板; 焙烤铁板
balance sheet
资金平衡表, 资产负债表, 财务状况表, 决算表
balance sheet for all purposes
通用资产负债表, 全能资产负债表
balance sheet of domestic labour resources
社会劳动资源平衡表
balance sheet of domestic products
社会产品平衡表
base sheet
底图
basic flow sheet
基本流程图
bid sheet
投标者名单
bimetal sheet
双金属板
black sheet
(未镀的)黑钢板, 薄钢板; 黑铁皮
blown sheet
(用圆筒法)吹制的平板玻璃
boiler sheet
锅炉(筒)钢皮
bonding sheet
粘结片
box annealed sheet
装箱退火的薄钢板
bracing sheet
加强板
brass sheet
黄铜板
brazing sheet
钎接金属片
bright luster sheet
光亮钢板
bright-polished sheet
磨光薄板, 镜面抛光薄板
budgetary balance sheet
预算平衡表
budgeted [pro forma] balance sheet
预计[计划]资产负债表
building sheet
建筑钢板
calculation sheet
计算书
camera sheet
摄象机调整表
capital account balance sheet
固定资产负债表
certified balance sheet
经会计师证明的资产负债表
characteristic sheet
特征曲面叶
charger sheet
配料单, 装料单
chart sheet
地图页, 地图图幅
check sheet
对帐单; 报帐单; 板式挡帘; (逐稿器)挡板
checkered sheet
网状[花纹]钢板
chromatic dipping sheet
浸[镀]铬薄板
chromatographic sheet
(薄层)色谱板
chromic oxide coating sheet
镀铬(氧化物的)薄板, 钝化薄板
circle sheet
三点曲线图
clad metal sheet
复合金属板
classified balance sheet
分类资产负债表
clearing sheet
交换清单; 票据交换所贷借决算表
clothing sheet
(汽锅的)包衣
coated sheet
镀[涂]层薄板
coding sheet
编码纸; 程序纸
cold-rolled (steel) sheet
冷轧薄(钢)板
cold-rolled drawing sheet
冲压用冷轧薄板
cold-rolled lustre finish sheet
镜面光亮优质冷轧薄钢板
columnar analysis sheet
分栏式分析表
columnar work sheet
多栏式工作底稿
combined balance sheet
合并资产负债表
commercial sheet
商品钢板(宽300-1200毫米, 厚0.625-6.25毫米)
comparative balance sheet
比较资产负债表
comparative cost sheet
比较成本表
comparison sheet
比较表
composite balance sheet
综合资产负债表
composite income sheet
综合损益计算书
compressed asbestos sheet
压紧的石棉胶板; 夹胶石棉板
computation sheet
计算表格
condensed balance sheet
简明资产负债表
cone sheet
锥形片
connecting sheet
连接片
consolidated balance sheet
综合平衡表; 合并贷借对照表, 联合资产负债表; 汇总资产负债表, 汇总平准表
consolidated income sheet
合并损益表
contour sheet
等高线图
control [program] sheet
程序纸
converted balance sheet
债券股票转换后资产负债表
cookie sheet
甜酥饼干, 胚面片
copper sheet
铜皮, 铜片, 薄铜板
core sheet
塑料贴面板芯
correction sheet
订正单
corrugated black sheet
瓦垄黑薄板; 波纹片, 波纹薄板, 波纹板
corrugated cement roofing sheet
波纹水泥屋顶板, 瓦垄水泥屋顶板
cost estimate sheet
成本估计单
cotton cloth inserted rubber sheet
内夹棉纱的橡胶板
coupon sheet
息票
cover sheet
护板, 盖板, (塑料贴面板透明的)保护层
crown sheet
顶板
cue sheet
电视节目演播次序表; (电视工作者用)记事一览表
cue and timings sheet
电视节目安排时间表
current account balance sheet
经常项目平衡表; 活期存款余额表; 流动资金负债表
curved vortex sheet
曲涡流层, 曲涡流面
cut sheet
切片
cut-off sheet (tail sheet)
尾料筛
daily sheet
日报表
damp sheet
风帘
data sheet
数据单表, 一览表, 记录表
dead flat sheet
特平板
decorative sheet
装饰板
delivery sheet
送料板; 送货到户单
dial sheet
度盘座
dinky sheet
窄面卷筒纸
dipping sheet
手工挂糖衣的糖果衬垫纸托
discrepancy sheet
订正表
disk sheet
(磁)盘片
diskette sheet
软(磁)盘面
distribution time sheet
工作时间分配表
dividend payment sheet
股息支付表
dog sheet
锁簧圈, 锁簧配列图
door sheet of fire box
火箱门板
double-double iron sheet
叠轧铁板
dough sheet
面片
drag sheet
(熏蒸用)拖蓬
draw sheet
滚筒包衬覆面纸
drawing sheet
拉延用钢板, 图纸
duralumin sheet
硬铝板, 杜拉铝板
dynamic sheet of fixed assets
固定资产动态表
dynamo steel sheet
电机钢板, 电机硅钢片
economic sheet
经济计算表
edit instruction sheet
编辑指令表, 编辑说明书
eight column work sheet
八栏式计算表, 八栏式工作底稿
electrical sheet
电气钢板
electrolytic nickel sheet
电解镍片
employment sheet
履历表
enamel sheet
搪瓷用钢板
end sheet
端板
engineering flow sheet
工艺流程图
estimate sheet
估计单
estimated balance sheet
估计资产负债表
etched sheet
腐蚀(小孔)片
exchange balance sheet
交换差别表
expansion sheet
膨胀板
expense distribution sheet
费用分摊表[分配单]
extra-heavy sheet
特厚玻璃板
extruded sheet
压出胶片
fact sheet
情况说明书
factory cost sheet
制造成本单
fiber sheet
纤维纸板
field erection sheet
工地安装表
filter sheet
滤板
finished parts ledger sheet
制成零件分类登记表
fire box sheet
火箱板
fixed tube sheets
固定管格(换热器)
flat sheet
平板, (烤)盘
flat cold-rolled sheet
冷轧薄板
flexible sheet
软片
floor sheet
踏板
flow sheet
流程表[图], 生产程序图; 工艺系统图
flue sheet
管板
fly sheet
广告单, 说明书
雨天覆盖在帐蓬外面的防雨罩
free sheet
无纤维纸(完全用化学品制成, 没有纸浆的纸)
free vortex sheet
自由涡流面
front tube sheet
前管板, 烟箱管板
fund balance sheet
专款资产负债表, 专款平准表, 基金平衡表
galvanized sheet
镀锌钢皮[薄板], 白铁皮
general balance sheet
普通资产负债表, 总资产负债表
general ledger sheet
总帐表
general piping flow sheet
详细管线系统图
girth sheet
圈板
glass sheet
玻璃板
gray rubber sheet
灰色橡胶板
grease sheet
厚(棕榈)油的热镀锡薄钢板
green sheet
印刷电路基板
生片
grouping sheet
综合表
guide sheet
(电视工作者用)记事一览表
half-hard temper sheet 2
号硬度的冷轧薄板, 半硬回火的薄钢板
hard rubber sheet
硬胶板; 胶木板
hard temper sheet 1
号硬度的冷轧薄板, 硬回火的薄钢板
heat balance sheet
热平衡表
heat exchanger tube sheet
换热器管片
heavy-gage rubber sheet
厚胶片; 胶板
history sheet
病历单
homogenized tobacco sheet
均质烟草薄片
hopper slope sheet
漏斗斜面板
hot-rolled finished sheet
热轧成品薄板
hot-rolled silicon steel sheet
热轧硅钢板
inaccuracy sheet
订正单
income sheet
损益表, 损益计算书
income distribution sheet
收益分类表
information sheet
单篇情报资料
input sheet
输入印刷电路板
inside throat sheet
内喉板
inspection sheet
检验单
instructionsheet
工序卡; 指示, 细则
instruction sheets
说明图表, 样本
instrument piping flow sheet
仪表管线系统图
insulation sheet
绝缘片
interest sheet
利息[利率]表
interim balance sheet
期中资产负债表
international balance sheet
国际收支平衡表
intrinsic sheet
本征晶片
inventory sheet
财产清单, 存货盘存报表
iron sheet
铁片; 铁板
job cost sheet
分批成本单
job order sheet
作业顺序单, 加工顺序单
job order cost sheet
分批成本单, 分批通知成本单
jobbing sheet
中板
joint sheet
接合垫片
journal sheet
报表
labour sheet
计工单
labour cost sheet
人工成本单
last sheet
尾筛, 末道筛
lead sheet
铅片
lead rubber sheet
(防X射线用)夹铅胶片
lead-coated sheet
镀铅薄钢板
lead-sealed sheet
罩铅板
leather sheet
皮衬
lecture sheet
讲义
ledger sheet
分类[分户]帐帐页
ledger analysis sheet
总帐分析表, 分类帐分析表
light cold-rolled sheet
冷轧薄板
light ga(u)ge sheet
薄板
line sheet
限额表
liquid sheet
液膜, 液层
liquidation balance sheet
清算资产负债表
lithographed sheet
印铁, 彩印铁皮
loaded sheets
填料纸
loading sheet
装料板
logsheet
对数纸; 记录表, 记录卡片; 运转日期记录
loose sheet
活页
lustre sheet
抛光薄板
magnesium sheet
镁片
magnesium alloy sheet
镁合金薄板
mark sheet
特征(标号)表, 标记图
masking sheet
掩片
master sheet
原因, 原文, 原稿
楔座
master answer sheet
主回答表[单]
master data sheet
基本[主]数据表
master route sheet
总规划单
material appropriation sheet
材料调拨单
material balance sheet
材料平衡表
material(s) distribution sheet
原材料分配单
material received sheet
收料单
menu sheet
键符表, 输入图形表, 货名表
mica sheet
云母片
microporous plastic sheet
微孔塑料薄膜
mill sheet
制造工艺规程(表); 制造厂产品记录
mimeographed sheets of teaching materials
油印活叶教材
multiple characteristic sheets
多重特征(曲面)叶
national balance sheet
国民经济平衡表
national income sheet
国民收入表
nuclear data sheets
核数据图表
number printing model sheet
号码印片
odd sheets
不合规格的纸张
offset sheet
胶版印刷用间隔纸;【船】型值表
operation sheet
操作[运算]卡片; 操作说明书
operation flow sheet
操作顺序图
order sheet [form, blank]
订货单
orientated acrylic plastic sheet
定向有机玻璃
outside firebox sheet
外火箱板
outturn sheet
纸样
overhead distribution sheet
间接费分配表
overthrust sheet
逆冲体, 逆掩断层推覆体
packing sheet
填密片, 垫片
pack-rolled sheet
叠轧薄板
partition sheet
隔板
passsheet
试印样张, 印色校样
pay sheet
工资单
payroll sheet
发放工资表
perforated sheet
穿孔金属片
periodic balance sheet
期末资产负债表
perpetual inventory sheet
永续盘存明细表
phenolic sheet
酚醛树脂层压板
phenolic laminating sheet
酚醛树脂迭层板
pipe sheet
管板
plan sheet
平面图
planished sheet
精轧薄板, 平整薄板
planished steel sheet
辗平钢皮
plasma sheet
等离子体片
platinum sheet
铂片; 白金片
plasmagel sheet
凝质叶
pleated sheet
折叠片
plotting sheet
空白定位纸
plywood metal sheet
夹层金属薄板
polar pleated sheet
极性折叠片
polaroid sheet
偏振片
polished blue sheet
蓝光薄钢板
polyvinyl chloride sheet
聚氯乙烯塑料薄板
porous sheet
多孔板, 素烧板
position sheet
头寸单, 外汇买卖日记帐
post-closing balance sheet
结帐后资产负债表
posting proof sheet
过帐凭证表
precision cut sheets
精切平板纸
precoated sheet
预涂层
预镀过的薄板
preliminary balance sheet
试编资产负债表
prime sheet
优质薄板
principal sheet
主页, 主枝
print sheet
印刷电路板
process sheet
工艺(过程)卡片
process cost sheet
分步成本单
process picture sheet
工序图, 过程图表
processing sheet
精整过的薄板
product delivery sheet
产品交库单
production cost sheet
生产成本表
production order cost sheet
生产(通知)成本单
proforma balance sheet
暂编[预编]资产负债表
program sheet
程序(用)纸
programme sheet
程序表; 控制表
progress sheet
进度表
proof sheet
校样
pulp sheet
(干)浆板
pure rubber sheet
纯胶板
quantity sheet
工程(工作量)表, 土方表, 数量表
quantity estimate sheet
工作量估计单
quartz wool sheet
石英纤维板
quick-reading flow sheets
快读(简单)流程
rap sheet
[美俚]公安部门的刑事犯登记表
raw sheet
玻璃原板
recapitulation sheet
摘要表
reconstituted tobacco sheet
复原烟草薄片
record sheet
记录纸页
red compressed asbestos sheet
(压制)石棉红纸板
red rubber sheet
红色橡胶板
reference sheet
标准纸样, 参考纸样
register sheet
轮廓色版, 【刷】对版台纸
repair sheets
修补胶
report form balance sheet
报告式资产负债表
request sheet
申请书
revenue balance sheet
收入类资产负债表, 收入平衡表
ribbed smoked sheet
皱纹烟胶
rider sheets
(直通式炉内板叠的)垫板
riffled sheet
网纹钢板
roofing sheet
屋顶薄钢板
route sheet
进路表
rubber sheet
橡胶板, 胶皮
rubber crepe sheet
白皱片
rubber smokedsheet
烟胶片, 红橡皮(商名)
sample sheet
纸样
scandal sheet
黄色报刊; [美俚]商人的费用; (军队的)饷单
screen sheet
投影片
scrolled sheet
(冲罐头盖用的)波形板(罐)
second sheet
信笺的副页; (供复写用的)拷贝纸
silicon iron sheet
硅铁片
single-pickled sheet
一次酸洗薄钢板
sliced sheet
切片
slope sheet
(漏斗车)斜面板
smoke-box front sheet
烟箱前板
smoke-box tube sheet
烟箱管板
smoked sheet
烟片
smoked rubber sheet
烟熏胶片
soap sheets
肥皂纸片
sound sheet
薄膜唱片
spread sheet
总分析表, 棋盘式对照表
sprinkled steel sheet
酸洗钢片, 酸洗薄钢板
stabilized steel sheet
非时效钢板, 稳定处理钢板
stacked sheets
成叠[垛]薄板
stand sheet
无框玻璃窗
standard job cost sheet
标准分批成本单
standard process cost sheet
标准分类成本单
steel corrugated sheet
瓦垄钢片, 瓦垄薄钢板, 波纹钢片, 波纹薄钢板
stencil sheet
(油印用)蜡纸
stencil cushion sheet
誊写版原纸
stock sheet
存货表
stores inventory sheet
材料盘点单
stress sheet
应力图表
suggested balance sheet
试编资产负债表
summary sheet
观察记录表
swindle sheet
[美俚]报销单, 费用帐
tab sheet
列表纸, 页式制表, 连续制表
tail sheet
尾筛
tally sheet
计数单, 理货单
tank car shell sheet
油槽壳皮
tantalum sheet
钽片
tapered sheet
楔形薄板, 变断面薄板
target sheet
靶纸
tear sheets
单篇论文服务(从某刊上撕下来或复制寄给读者)
technical data sheet
技术数据表
technological flow sheet
工艺流程图
temper-rolled sheet
平整冷轧的薄板
tentative balance sheet
暂编[试编]资产负债表
test sheet
试验用纸样
test answer sheets
测验答卷
test record sheet
试验记录单
thermoplastic sheet
热塑性板
thin sheet
钢皮; 薄片; 薄钢板
thinly deposited copper sheet
电解沉积的纯铜薄片
throat sheet
喉板
thrust sheet
逆冲岩席
thunder sheet
雷板
thunder-effect sheet
(鸣)雷板
till sheet
冰碛岩席
time sheet
时间表; (股票买卖等的)内情通报; 机务段计工单; 装卸时间记录表; 工作时间记录卡, 考勤牌; 泊港时间表
timing sheet
计时卡片
tin sheet
锡板, 锡片
tinned steel sheet
镀锡薄钢板
tip sheet
(股票买卖、赛马等)内情通报
titanium sheet
钛片
top sheet
凸印轮转机外衬
train sheet
(列车调度员记录的)实绩列车运行时刻表
transaction work sheet
交易工作底稿, 交易计算工作底稿
trial sheet
试验记录
trim sheet
【船】纵倾计算表
trimmed sheet
精整薄板
tube sheet
管板
uncertified balance sheet
未经证明的资产负债表
vortex sheet
涡流层, 涡流面
wage allocation sheet
工资分配表
wages sheet
工资表
waist sheet
锅腰托板
warped sheet
翘曲的窗玻璃
waste sheet
废纸页
water stop sheet
隔水板
waterproofing thermoplastic sheet
防水热塑性板
waxed plastic sheet
蜡质塑料绘图纸
weight and balance sheet
【航空】重量平衡表
well-formed sheet
组织均匀的纸页
wild-looking sheet
呈现云彩花的纸张
work sheet
工作票[单], 加工单; 记工单; 汇记单, 学生作业纸; (会计)试算表
work sheet for distribution
分配计算表
working sheet
工作底稿; 计算表, 结帐计算表
wrapper sheet
包板
zinked sheet
镀锌铁皮, 镀锌薄钢板

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/192_css-video-tutorial-entry-to-the-master-lesson-no-7-link-style-sheets.html/feed 0 css视频教程(入门到精通)-第6课(嵌入式样式表) http://wzba.info/html/y2008/y_construction-site-of-knowledge/189_css-video-tutorial-entry-to-the-master-no-6-division-embedded-stylesheet.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/189_css-video-tutorial-entry-to-the-master-no-6-division-embedded-stylesheet.html#comments Sun, 14 Dec 2008 13:24:01 +0000 admin http://wzba.info/?p=189 把css规则镶嵌到html中间,这种规则适合层叠样式表规则很少,网页很少的情况.

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

双击全屏

关键字:

把css规则镶嵌到html中间,这种规则适合层叠样式表规则很少,网页很少的情况.

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/189_css-video-tutorial-entry-to-the-master-no-6-division-embedded-stylesheet.html/feed 0 css视频教程(入门到精通)-第5课(写1stCSS规则) http://wzba.info/html/y2008/y_construction-site-of-knowledge/187_css-video-tutorial-entry-to-the-master-lesson-5-1stcss-write-rules.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/187_css-video-tutorial-entry-to-the-master-lesson-5-1stcss-write-rules.html#comments Sun, 14 Dec 2008 13:22:04 +0000 admin http://wzba.info/?p=187 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HEML 4.0//EN”>
<html>
<head>
<title>First_rule 演示</title>

<style type-”text/css”>

p{color:blue;
background-color:gray;

}

</style>

</head>
<body>

<p>这是个段落.</p>

</body>

</html>

关键字:background-color 背景颜色

<style type-”text/css”>

</style> html中插入css的风格标签代码

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐) Click here to view the embedded video.

双击全屏

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HEML 4.0//EN”>
<html>
<head>
<title>First_rule 演示</title>

<style type-”text/css”>

p{color:blue;
background-color:gray;

}

</style>

</head>
<body>

<p>这是个段落.</p>

</body>

</html>

关键字:background-color 背景颜色

<style type-”text/css”>

</style> html中插入css的风格标签代码

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/187_css-video-tutorial-entry-to-the-master-lesson-5-1stcss-write-rules.html/feed 0 css视频教程(入门到精通)-第4课(CSS规则解析) http://wzba.info/html/y2008/y_construction-site-of-knowledge/185_css-video-tutorial-entry-to-the-master-lesson-4-css-rules-analysis.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/185_css-video-tutorial-entry-to-the-master-lesson-4-css-rules-analysis.html#comments Sun, 14 Dec 2008 13:21:09 +0000 admin http://wzba.info/?p=185 property
[ˈprɔpəti]
n.
财产; 资产; 所有物
That car is my property; you mustn’t use it without my permission.
这辆车是我的财产, 你必须得到我的允许才能使用。
房地产, 不动产; (一处)房地产
He invested his money in property.
他进行房地产投资。
性质, 特性, 性能
These plants have medicinal properties.
这些植物具有药物效用。

declaration
[...]]]> Click here to view the embedded video.

双击全屏

property
[ˈprɔpəti]
n.
财产; 资产; 所有物
That car is my property; you mustn’t use it without my permission.
这辆车是我的财产, 你必须得到我的允许才能使用。
房地产, 不动产; (一处)房地产
He invested his money in property.
他进行房地产投资。
性质, 特性, 性能
These plants have medicinal properties.
这些植物具有药物效用。

declaration
[ˌdekləˈreiʃən]
n.
宣布, 宣告, 声明
We read the declaration posted on the bulletin board.
我们读了贴在布告板上的声明。
申报(单)

value
[ˈvælju]
n.
价值, 价格
The expert set a value of 10, 000 dollars on the painting.
专家给这幅画定价1万美元。
实用性, 有价值, 重要性
Good books are of great value to students.
好书对学生非常有用。
价值标准, 价值观, 职业道德, 行业准则
Our values and behaviour patterns are different from yours.
我们的价值观念和行为模式与你们的不同。
vt.
估价
I valued the bike at 200 dollars.
我估计这辆自行车值200美元。
重视, 尊重
I valued my friendship with my classmates.
我珍视我和同学们之间的友谊。

block
[blɔk]
n.
街区, 街段
大块(木料、石料、金属、冰等)
障碍(物), 阻塞(物)
There are road blocks on the country road.
乡间的马路上设有路障。
vt.
堵塞, 阻塞
They blocked the entrance with big stones.
他们用大石块堵住了入口。
阻碍, 妨碍
A snowdrift blocked his path.
雪堆阻碍他的去路。

bold
[bəuld]
adj.
勇敢的, 无畏的
The young man is a bold warrior.
这个年轻人是个很英勇的武士。
冒失的, 鲁莽的
明显的, 醒目的
The room was decorated in bold colours.
房间的色调布置得鲜明醒目。
粗体的, 黑体的

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/185_css-video-tutorial-entry-to-the-master-lesson-4-css-rules-analysis.html/feed 0 css视频教程(入门到精通)-第3课(HTML&CSS) http://wzba.info/html/y2008/y_construction-site-of-knowledge/183_css-video-tutorial-entry-to-the-master-lesson-3-html-u0026amp-css.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/183_css-video-tutorial-entry-to-the-master-lesson-3-html-u0026amp-css.html#comments Sun, 14 Dec 2008 13:20:24 +0000 admin http://wzba.info/?p=183 css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

双击全屏

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/183_css-video-tutorial-entry-to-the-master-lesson-3-html-u0026amp-css.html/feed 0 css视频教程(入门到精通)-第2课 http://wzba.info/html/y2008/y_construction-site-of-knowledge/181_css-video-tutorial-entry-to-the-master-lesson-2.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/181_css-video-tutorial-entry-to-the-master-lesson-2.html#comments Sun, 14 Dec 2008 13:19:32 +0000 admin http://wzba.info/?p=181 双击全屏

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

双击全屏

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/181_css-video-tutorial-entry-to-the-master-lesson-2.html/feed 0 css视频教程(入门到精通) http://wzba.info/html/y2008/y_construction-site-of-knowledge/22_css-video-tutorial-entry-to-the-master.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/22_css-video-tutorial-entry-to-the-master.html#comments Sun, 14 Dec 2008 10:48:10 +0000 admin http://jnmeishi.com/?p=22 本教程将由浅入深的为大家讲述如何进行CSS页面设计，相信通过本课程的学习，大家都能成为CSS方面的高手。

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2)css视频教程(入门到精通)-第39课(链接1)css视频教程(入门到精通)-第38课(文本变形)css视频教程(入门到精通)-第37课(文本装饰)css视频教程(入门到精通)-第36课(文本对齐)css视频教程(入门到精通)-第35课(文本缩进)]]> Click here to view the embedded video.

本教程将由浅入深的为大家讲述如何进行CSS页面设计，相信通过本课程的学习，大家都能成为CSS方面的高手。

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/22_css-video-tutorial-entry-to-the-master.html/feed 0 8 个优秀的 CSS 展廊类博客 http://wzba.info/html/y2008/y_construction-site-of-knowledge/1072_8-excellent-blog-category-css-gallery.html http://wzba.info/html/y2008/y_construction-site-of-knowledge/1072_8-excellent-blog-category-css-gallery.html#comments Tue, 18 Nov 2008 12:34:21 +0000 admin http://wzba.info/?p=1072 世界上有这么一类网站叫 CSS galleries(CSS 展廊)，他们收集了许多互联网上 CSS 设计得非常优秀的网站。下面是 problogdesign 的一个推荐列表。从这些 CSS galleries 中，我们可以不间断的看到很多非常优秀的 CSS 设计样例。

1、CSS Mania

2、CSS Remix

3、Best Web Gallery

4、CSS Drive

5、CSS Reboot

6、Nice Stylesheet

7、W3Csites

8、cssbeauty

相关文章css视频教程(入门到精通)-第42课(顶部风格1)css视频教程(入门到精通)-第41课(文档2的使用)css视频教程(入门到精通)-第40课(链接2) 世界上有这么一类网站叫 CSS galleries(CSS 展廊)，他们收集了许多互联网上 CSS 设计得非常优秀的网站。下面是 problogdesign 的一个推荐列表。从这些 CSS galleries 中，我们可以不间断的看到很多非常优秀的 CSS 设计样例。

1、CSS Mania

2、CSS Remix

3、Best Web Gallery

4、CSS Drive

5、CSS Reboot

6、Nice Stylesheet

7、W3Csites

8、cssbeauty

相关文章

]]> http://wzba.info/html/y2008/y_construction-site-of-knowledge/1072_8-excellent-blog-category-css-gallery.html/feed 0