惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

MyScale Blog
MyScale Blog
F
Fortinet All Blogs
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
D
Docker
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
爱范儿
爱范儿
V
Visual Studio Blog
Last Week in AI
Last Week in AI
WordPress大学
WordPress大学
aimingoo的专栏
aimingoo的专栏
小众软件
小众软件
L
LangChain Blog
Vercel News
Vercel News
阮一峰的网络日志
阮一峰的网络日志
IT之家
IT之家
P
Proofpoint News Feed
博客园_首页
D
DataBreaches.Net
T
The Blog of Author Tim Ferriss
The GitHub Blog
The GitHub Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
C
Check Point Blog
Engineering at Meta
Engineering at Meta
Microsoft Azure Blog
Microsoft Azure Blog

博客园 - 水源

“诚基金”启动救助无鼻女-杨桂情(无鼻女最新进展) 一步一步教你定制变色杯 重新整理expression web 视频教程下载地址 重新整理expression web 视频教程下载地址 ASP.NET 中 Cookie 的基本知识 expression web 视频教程 19讲 数据视图 expression web 视频教程 18讲 网站 expression web 视频教程第17节 表格菜单 expression web 视频教程第16讲:工具菜单 expression web 视频教程第12-15讲:css 定位 布局 列表 表格 expression web 视频教程第十一节 格式菜单[5] 样式 expression web 视频教程第十节 格式菜单[4] 样式 expression web 视频教程第八节 格式菜单[2] [转载]ASP.NET AJAX 1.0“我怎么做?”免费录像(更新至最终版) expression web 视频教程第七节 格式菜单 expression web 视频教程第六节 插入菜单 Expression Web 视频教程第五节视图菜单 Expression Web 视频教程第四节编辑菜单 Expression Web 视频教程第三节文件菜单
expression web 视频教程第九节 格式菜单[3] 样式
水源 · 2007-03-02 · via 博客园 - 水源

文字部分:
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字体样式
看演示 我就不打字了
我给大家解释一些其他的参数
这些基本上是字体的所有属性
下一次 我给大家介绍 其他的属性
谢谢大家支持 多提