重新整理视频教程下载地址

http://iask.sina.com.cn/h/user.php?uid=1135438781

posted @ 2008-05-27 08:32 水源 阅读(252) | 评论 (0)编辑
     摘要: 自己的学习过程涉及的知识内容来源于网络ASP.NET 中 Cookie 的基本知识 Mike PopeVisual Basic User EducationMicrosoft Corporation 2003年1月摘要:本文介绍如何使用 Visual Basic 在 ASP.NET Web 应用程序中读写 HTTP Cookie。适用于: ASP.NET Microsoft® Visua... 阅读全文
posted @ 2007-04-27 15:09 水源 阅读(449) | 评论 (0)编辑

expression web 视频教程 19讲 数据视图
大家好 今天给大家讲 数据视图
数据视图 主要是数据库方面的知识点 因为是初级教程 所有我不给大家将太深入 多了大家也消化不

了 另外自己也不会
让大家见笑了 ! ~
开始 我给大家简单介绍一些 建立数据源的链接 看操作 首先准备数据库文件 可以是 Access SQL 等

很多数据
我给大家用ACCESS 做  其他的如果大家感兴趣 可以看相关的资料 也可以看田大哥的教程  那里面也

有 
另外控件部分 我也不给大家一一讲解了 我只有一两个控件
 看操作 ~~~
大家看见了 数据源里面有 本地xml文件 和 Asp.net连接两个
我先给大家将Asp.net这个 首先 先在工具箱 里面找到Asp.net控件-数据-

如果没有这个 可以在任务窗口里面调整出来
拖入一个 gridview 之后我们建立数据源
数据库可以来自不同的数据源 我们选access
这个是我们准备好的  需要自己建立 放在站点的下面
登录数据库的密码和用户名 我们都不要 设置为空
高级是数据库连接的具体的设置 大家可以看看
出来一个 新建链接的对话框
大家给起一个名字
保存在web.config文件里面
为了以后大家使用的时候不用重新建立
所有建议这样操作
之后我们就让我们建立的数据在网页上面显示了
这些是sql语句
是了检索数据用的 我们选择默认的
当然也可以选中自定义的
这些需要自己多练习 和有相关的sql的基础
看来了把 下面出现我们的sql语句了
实际上选择第一里面自定义 也可以实现相同的效果
看见了吧 效果都是一样的
可以设置一些详细的 比如条件查询 排序
在返回唯一值等
我就不做那些了
看见这些实际上和 .net 2005的视图是一样的
可以编辑一些东西 大家参考一些相关的知识就可以了
看看效果了
等待一会 机器有些慢 另外启动iis服务当然就慢了 呵呵
看见了吧
当然这需要设置一下 iis 了
我给大家演示一下
看操作 如果没有的 可以安装 iis
我就不给大家安装了
选择自己的站点的目录
看见了吧
我已经建好了 点击浏览就可以了
我给大家 做第一种
首先 建立一个 xml
我就为了 节省时间  所有就不新建了
格式就如上面的那样就可以了
如果视图里面没有就用这样的方式导入
不在网站目录下面
就把xml文件复制到网站目录下面就可以了
显示视图  
每条记录 都显示了
看看效果 
出现了 呵呵 成功 ~~~~~~~~~~
可以设置显示的条件
看操作
看见了吧 具体我自己还晕这呢
自己多练习 看看相关的知识就可以了
明白了吧 当等于601的就显示 上面的等于60的就不显示了
当然也可以设置条件为一个范围了 比如>< >= <= !=等
我就不一一演示了
看看效果了  ~
效果明显了 
今天就讲解到这 谢谢大家观看  ~~
发布网站 http://hi.baidu.com/sr521
88
下载地址

posted @ 2007-03-28 10:51 水源 阅读(420) | 评论 (4)编辑

expression web 视频教程 18讲 网站
大家好,很长时间没有录制教程了,今天开始18讲 网站,其实后面没有什么了 数据视图 其实都是一些编程方面的
如果大家需要  参考一下 田大哥的教程 那么这些东西就简单了 因为expression web主要还是开发前台的
另外我
主要将一些常见的用法,这些足够大家开发所有了。看操作

1文件夹 这些其实就是以前讲过的那些东西
2远程网站 我们使用ftp这个 大家也可以用Ftp的工具
第四项实际就是那些有自己的服务器 并且在自己的服务器开发的 做为网站的使用
实际也很常见
优化HTML 看见了吧 优化了一些东西 来降低网站的大小
大家看说明

3报表【其实就是网站文件按照分类分开查找】比较方便管理
分的很详细
我给大家讲这个 慢速网页
因为开发的时候 如果文件大 会影响网站的浏览的速度 换一个说法
就是说用户的体验不好 打开网页很长时间都没有显示
这个功能就可以设置 多长时间为慢速度的网页
实际上 用这个30就可以
其他的功能我就不给大家一一介绍了 大家自己看都能看明白
比如链接的那个

4超链接 点击左边的文件夹列表
任何一个网页
就会显示出和他链接的文件
以树形的结构显示

5重新计算机链接
看上面的说明 看见了吧 这里面有一个错误
其实是expression web 但是确实Frontpage
大概是翻译的问题 或者是我的版面的问题 这个我就不讨论了

6网站设置 可以修改网站名称 可以设置预览
我给大家看看具体 的各项的内容
好像我在前面已经讲过了
在高级里面
可以设置脚本 看大家喜欢那种 javascript 还是 vbscript
设置 网页的默认编码 我给大家看一下 那个编码在实际代码里面
是那个设置 看~就是那个
当我们修改之后 新建的文件就变成了 新的编码了
给大家演示一下 看见了吧 我恢复默认的
数据库这个 就是管理数据库结构向导使用的数据库链接
当然大家需要的动态部分的时候 这个里面就会有东西了
谢谢大家的观看 
分布地址 http://hi.baidu.com/sr521我的博客
大家有什么不懂的 和不太明白的地方 可以给我留言
88
下载地址

posted @ 2007-03-26 09:19 水源 阅读(727) | 评论 (2)编辑

expression web 视频教程第17节  表格菜单
大家好
今天讲解表格菜单 看操作
设置 最下面 是下次使用插入表格的时候设置为默认值
这个是以什么为分界来转换表格
可以自己设置

 

我是效果 我设置页边距为0  大家观察效果 看见吧

浮动效果 大家看下面的表格和我上面的这行字的位置关系,大家就知道浮动是什么效果了效果出来了吧

 

 

看了吧 都消失了 ,删除的是整个表格。把所有的整个表格都删除了。下面是表格的所有属性 我会在帖子里面发布的.这个就是设置具体的单元格的背景和边框等属性。

在“表格属性”对话框中,执行下列操作:

具体选项 实际作用
大小 设置表格中的行数和列数。
对齐方式 设置表格的水平对齐方式。
浮动 设置表格的浮动属性。
指定宽度 设置表格的宽度。
指定高度 设置表格的高度。
单元格衬距 设置单元格之间的衬距。
单元格间距 设置单元格内的间距。
边框 设置表格边框的粗细和颜色。
背景 设置要用作表格背景的颜色或背景图片。
启用布局工具 选中此项以启用布局工具。
设为新表格的默认值 选中此项以对新建的所有表格应用这些设置。

最后给大家讲 布局表格

布局表格

布局表格是一种可用来创建网页方案的工具。在 HTML 中,它看上去与表格没有两样,但 Microsoft® Expression® Web 却为表格和布局表格提供了不同的编辑工具。使用“布局表格”任务窗格中提供的预定义布局表格,可以帮助您在网页上快速创建布局表格。还可以通过绘制表格和单元格来创建自己的自定义布局表格。

单击布局表格或单元格的边框将其激活后,每条边上都会出现显示列宽和行高的标签。每个标签都包含一个下拉箭头,可以单击该箭头查看用于调整列或行的大小的选项列表。

激活的布局表格

 

添加布局表格

  • 在“布局表格”任务窗格中,执行下列操作之一:
    • 若要选择预定义的布局表格,请在“表格布局”下的模板列表中选择一种布局表格。
    • 若要绘制布局表格,请单击“绘制布局表格” 按钮,再使用指针在网页上绘制表格。

向布局表格中添加单元格

  1. 在“布局表格”任务窗格中,单击“绘制布局单元格” 按钮。
  2. 使用指针在网页上的布局表格中绘制单元格。

    提示 若要连续绘制两个或更多的单元格,请单击“绘制布局单元格”,然后在按住 Ctrl 的同时拖动指针。

删除布局单元格

  • 单击布局单元格的边框,再按 Delete。

删除布局表格

  • 在“布局表格”任务窗格中,单击“显示布局工具” 按钮以激活布局表格,再按 Delete。

 

sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格 看见了效果了吧 sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格
sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格 sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格
sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格 sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格
sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格 sdfsdsdsdfdsfsdsdds 看来吧 大家大家看明白没有 填充是文字填充 另外必须选中表格

若要小幅度调整大小,请按住 Alt,再拖动边框以调整其大小。

我重新插入一个表格

这个是调整大小的
这个表格就是布局的表格  
看见了吧 看见效果了吧 很好有 不用麻烦的拆分表格了

布局表格 给我们提供了几种固定的样式

 

最后我给大家讲一个功能

都发生代理费精神动力发生了斯蒂芬及时的 斯蒂芬森都发生代理商的都发生大发利
看来吧 效果 效果出来了 就是给大家提供了一些表格的解决方案

谢谢大家的 学习 今天就讲到这 88

下载地址

posted @ 2007-03-14 14:53 水源 阅读(264) | 评论 (0)编辑

第16讲:工具菜单

third party

拼写检查:主要是检查拼写错误 ,如果出现上面的拼写错误 就会出现提示

同义词库:就是在内容中 你修改相近的次使用

中文简繁转换 :这个里面讲的是多语言版本的制作 比如大的网站 google 有很多语言版面网站,但是我们在地址栏打入地址 访问的确实 中文版 大家明白了吧

 

设置语言:当然需要根据我们使用的语言了 明白了吧  根据设置语言 拼写等功能也跟着改变。

辅助功能报告:这个我不仔细说了

通过检查网页的辅助功能问题并予以解决,可以改善残障人士访问网站时的体验。除了许多其他类型的辅助功能问题以外,残障人士在阅读文本时可能会有困难,也可能无法使用键盘或鼠标。

通过对在 Microsoft® Expression® Web 中创建或编辑的网页使用辅助功能检查器,可以发现与万维网联合会 (W3C) 网站内容辅助功能准则 (WCAG) 或美国康复法案第 508 条的辅助功能准则相冲突的问题。WCAG 概括了使残障人士能够访问网站的优先注意事项。第 508 条则概括了美国政府对各种信息源和技术制定的辅助功能标准。

与这些准则冲突的问题会使残障人士难以或无法使用网站。辅助功能检查器(可通过按一次按键来启动)还会对不属于您的网站的网页进行检查。当您使用辅助功能检查器时,还可以向所生成的报告添加检查列表。使用此检查列表,有助于在解决辅助功能问题时对这些问题进行审阅和跟踪。报告和可选的检查列表可以打印出来或另存为网页。

对一个或多个网页使用辅助功能检查器时,结果会显示在一个对话框中。每一项单独显示为一行,并且该对话框中的结果会指示问题是与 WCAG 冲突还是与第 508 条的准则冲突。此外,该对话框还会显示问题说明、指向该问题的联机准则的超链接、在网页中发现问题的 HTML 代码行。因为问题显示在列表中,所以可以一次一个地审阅,可以打印出来,也可以保存下来以供将来审阅。如果将结果存储为网页,则可以在 Expression Web 中编辑该网页,也可以将其保存到网站或 Intranet 网站上。

辅助功能检查器所使用的准则

遵循 WCAG
WCAG 准则解释了如何使残障人士能够访问网站内容。包括优先级为 1 和 2 的准则。
  • 如果不遵循优先级为 1 的准则,则“一组或多组用户将发现无法访问信息”。优先级为 1 的问题示例:“为每个非文本元素提供对等文本(例如,通过“alt”、“longdesc”,或在元素内容中提供)”。非文本元素包括图形、Macromedia Flash 动画、Java 小程序等。
  • 如果不遵循优先级为 2 的准则,则“一组或多组使用者将发现难以访问信息”。优先级为 2 的问题示例:“如果存在合适的标记语言,则使用标记而不是图像来传达信息。”
遵循第 508 条
此条款要求访问美国联邦代理机构所使用的电子和信息技术。第 508 条的准则不划分优先级,但是有许多准则与 WCAG 优先级为 1 和 2 的准则相似。

 

兼容性报告

兼容性报告可用来查看网页的代码错误以及与所指定的架构不兼容的代码。可以生成一个报告,仅限于查看特定的档或者整个网站。

 

css报表

优化HTML

载入项:

加载项是一些补充程序,它们通过添加自定义命令和专门功能来扩展 Microsoft® Expression® Web 的功能。您可以从第三方供货商处获取加载项,也可以使用外部编译程序(如 Microsoft Visual Studio)编写自己的自定义加载项程序。

为了节省内存和提高 Expression Web 的速度,最好将不经常使用的加载项程序删除。一旦删除加载项,其功能和命令也会从 Expression Web 中删除,但是加载项文件本身会保留在计算机上,这样在需要时可以轻松添加。

自定义

应用程序选项

网页编辑器选项

这两个选项 基本不用修改 今天就讲到这

我将在以后给大家一些应用软件的视频教程 88

下载地址

posted @ 2007-03-12 14:15 水源 阅读(320) | 评论 (0)编辑
     摘要: 12讲:【定位】语法:position : static | absolute | fixed | relative 取值: static :  默认值。无特殊定位,对象遵循HTML定位规则 absolute :  将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body... 阅读全文
posted @ 2007-03-09 15:23 水源 阅读(931) | 评论 (2)编辑

11讲 这些Css样式都是网络找的资料,如果大家想深入给我留言。要不我就跳过这些东西。但是我会把相关的参考资料贴出来。谢谢大家关注

语法:
background-repeat : repeat | no-repeat | repeat-x | repeat-y
取值:
repeat :  默认值。背景图像在纵向和横向上平铺
no-repeat :  背景图像不平铺
repeat-x :  背景图像仅在横向上平铺
repeat-y :  背景图像仅在纵向上平铺
说明:
设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像( background-image )。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 backgroundRepeat
示例:
menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; }
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }

================================================

语法:
background-position-x : length | left | center | right
取值:
length :  百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位
left :  居左
center :  居中
right :  居右
说明:
设置或检索对象的背景图像横坐标位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为: 0%
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 backgroundPositionX
示例:
p { background-image: url("images/aardvark.gif"); background-position-x: 35%; background-repeat:no-repeat; }

=============================================

语法:
background-position-y : length | top | center | bottom
取值:
length :  百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位
top :  居顶
center :  居中
bottom :  居底
说明:
设置或检索对象的背景图像纵坐标位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为: 0%
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 backgroundPositionY
示例:
div { background-image: url("images/aardvark.gif"); background-position-y: 35%; background-repeat:no-repeat; }

===============================

background-attachment : scroll | fixed
取值:
scroll :  默认值。背景图像是随对象内容滚动
fixed :  背景图像固定
说明:
设置或检索背景图像是随对象内容滚动还是固定的。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
请参阅 bgProperties 属性(特性)。对应的脚本特性为 backgroundAttachment
示例:
html { background-image: url("anasazi.tif"); background-attachment: fixed; }
body { background-attachment: scroll; }
dsfsdfsdfsdf dsfdssdfsdds
dsfdsds dsfsddsds
posted @ 2007-03-06 15:53 水源 阅读(272) | 评论 (0)编辑
 

10这节讲【块】div[参考网络一些信息]

letter-spacing

语法:
letter-spacing : normal | length
取值:
normal :  默认值。默认间隔
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
字符间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 letterSpacing
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }

=====================

语法:
line-height : normal | length
取值:
normal :  默认值。默认行高
length :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅 长度单位
说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。
假如一个格式化的行包括不止一个对象,则最大行高会被应用。在这种情况下,此属性不可以为负值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 lineHeight
示例:
div {line-height:6px; }
div {line-height:10.5; }

=================

text-indent : length
取值:
length :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位
说明:
检索或设置对象中的文本的缩进。默认值为 0
在被另一个对象(如 br )断开的对象内不能应用本属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textIndent
示例:
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }

=========================

语法:
text-align : left | right | center | justify
取值:
left :  默认值。左对齐
right :  右对齐
center :  居中对齐
justify :  两端对齐
说明:
设置或检索对象中文本的对齐方式。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAlign
示例:
div { text-align : center; }

===================

语法:
white-space : normal | pre | nowrap
取值:
normal :  默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre :  换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性
说明:
设置或检索对象内空格字符的处理方式。
空格字符,像换行,空格,TAB,在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时,你可以使用不换行空格的命名实体 &nbsp; 来添加空格,用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace
示例:
p { white-space: nowrap; }

======================

语法:
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值:
auto :  CSS1 根据 layout-flow 属性的值对齐对象内容
baseline :  CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐
sub :  CSS1 垂直对齐文本的下标
super :  CSS1 垂直对齐文本的上标
top :  CSS1 将支持 valign 特性的对象的内容对象顶端对齐
text-top :  CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
middle :  CSS1 将支持 valign 特性的对象的内容与对象中部对齐
bottom :  CSS1 将支持 valign 特性的对象的内容与对象底端对齐
text-bottom :  CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
length :  CSS2 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数
说明:
设置或检索对象内容的垂直对其方式。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign
示例:
td { vertical-align : middle; }

==============================

语法:
word-spacing : normal | length
取值:
normal :  默认值。默认间隔
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的单词之间插入的空隔。
对于IE4+而言仅在MAC平台上可用。对于其他系统平台的支持由IE6开始。
单词间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordSpacing
示例:
div { word-spacing : 10; }
div { word-spacing : 10px; }

 视频下载地址
我尽快的录制

 

posted @ 2007-03-04 11:38 水源 阅读(541) | 评论 (0)编辑

文字部分:
expression web 视频教程第九节 格式菜单[3] 样式

级联样式 在演示文件cssdemo里面有具体的说明

 

CSS教学『选择器运用』

 

基础中我们有提到何谓选择器,例如:table{font-size:9pt}里面的table就称为选择器,就是选用table(表格)在{}里定义样式,这个选择器当然你可以自己设定为别的名称,让网页指定的地方来使用,或者你想每行用不同的文字颜色或不同的表格颜色,没问题,用自定义选择器一定让你更容易掌握。

  

种类一:CLASS="名称"
■选择器文字运用范例1:看范例效果 

<style type=text/css>
<!--
.123{
color : #cc6699 ; /*文字色彩*/
font-size : 9pt /*文字大小*/
}

.456{
color : #336699 ; /*文字色彩*/
letter-spacing : 3pt;/*字距*/
font-size : 9pt /*文字大小*/
}

-->
</style>
</head><body>
□<p class="123">这里的文字是粉色,9pt的大小</p>
□<p class="456">这里的文字是蓝色,9pt字的距离4pt的大小</p>

  

■选择器窗体、表格运用范例2:看范例效果

<style type=text/css>
<!--
.789{
background-color: #edcbdc;/*背景色彩*/
color : #ffffff ; /*文字色彩*/
font-size : 9pt ;/*文字大小*/
border: 1px solid #cc6699 ;/*框线大小及色彩*/
}

.ABC{ 
background-color: #336699; /*背景色彩*/
color: #ffffff; /*文字色彩*/
font-size: 9pt; /*文字大小*/
border: 1px solid #000000;/*框线大小及色彩*/
}

-->
</style></head><body> 
<input class="789" type="text" name="T1" size="20" value="这里是窗体">
<table class="ABC" width="182"> 
<td>这里是表格</td> 
</table>

  

种类二:ID="名称"
还有一种方式就是使用ID,其实这跟上方的意思是相同的,CLASS选择器是在前方加上小数点,不同的是ID是在前方加上#,来看下面的范例:(你可以试试看是不是跟选择器文字运用范例1结果是一样的) 

<style type=text/css>
<!--
#123{
color : #cc6699 ; /*文字色彩*/
font-size : 9pt /*文字大小*/
}

#456{
color : #336699 ; /*文字色彩*/
letter-spacing : 3pt;/*字距*/
font-size : 9pt /*文字大小*/
}

-->
</style>
</head><body>
□<p ID="123">这里的文字是粉色9pt的大小</p>
□<p ID="456">这里的文字是蓝色9pt字的距离4pt的大小</p>

字体的效果

字体样式里面的个个项目:介绍

语法:
font-variant : normal | small-caps 
取值:

normal  :  默认值。正常的字体
small-caps  :  小型的大写字母字体

说明:
设置或检索对象中的文本是否为小型的大写字母。
IE4.0将此属性的
 small-caps 处理为大写字母的较小尺寸。
此属性对于
 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为
 fontVariant 

 

语法:
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 
取值:

normal  :  默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold  :  粗体。相当于 700 。也相当于 b 对象的作用
bolder  :   normal >粗
lighter  :   normal >细
100  :  字体至少像 200 那样细
200  :  字体至少像 100 那样粗,像 300 那样细
300  :  字体至少像 200 那样粗,像 400 那样细
400  :  相当于 normal 
500  :  字体至少像 400 那样粗,像 600 那样细
600  :  字体至少像 500 那样粗,像 700 那样细
700  :  相当于 bold 
800  :  字体至少像 700 那样粗,像 900 那样细
900  :  字体至少像 800 那样粗

说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能
看不到不同值之间的差异。
IE4.0仅仅支持
 normal  bold 值。
此属性对于
 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为
 fontWeight 。 

==================

text-decoration : none || underline || blink || overline || line-through 
取值:

none  :  默认值。无装饰
blink  :  闪烁
underline  :  下划线
line-through  :  贯穿线
overline  :  上划线

text-transform : none | capitalize | uppercase | lowercase 
取值:

none  :  默认值。无转换发生
capitalize  :  将每个单词的第一个字母转换成大写,其余无转换发生
uppercase  :  转换成大写
lowercase  :  转换成小写
基于 ID 的样式旁将显示红点。 
演示
基于类的样式旁将显示绿点。
基于元素的样式旁将显示蓝点。 演示 

dsfsdfsdfsdfsdsfdsdsdfdsdf 所有的p标签都是带下划线

级联样式旁将显示黄点。看代码里面效果
  在各种颜色的点周围将显示一个圈以标记当前网页中所使用的样式。
  导入的外部级联样式表旁将显示 @ 符号。

下载地址

发布网站 http://www.sr521.com  http://hi.baidu.com/sr521

td {
 border: thick ridge #00FF00;
}
expression web 视频教程第九节 格式菜单[3] 样式
大家好,由于样式的内容很多 我尽量给大家多讲些
1级联样式 在演示文件cssdemo里面有具体的说明 看操作
为了节省时间 我就让大家直接看例子。
这个样式使用了字体的所有参数
我给大家一一解释
1是字体类型 如宋体等
2字体大小
3看见效果吧 字体的磅值
4字体样式
看演示 我就不打字了
我给大家解释一些其他的参数
这些基本上是字体的所有属性
下一次 我给大家介绍 其他的属性
谢谢大家支持 多提

posted @ 2007-03-02 10:23 水源 阅读(327) | 评论 (0)编辑