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

推荐订阅源

T
The Exploit Database - CXSecurity.com
V
Vulnerabilities – Threatpost
Google DeepMind News
Google DeepMind News
Attack and Defense Labs
Attack and Defense Labs
Webroot Blog
Webroot Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
TaoSecurity Blog
TaoSecurity Blog
I
Intezer
Application and Cybersecurity Blog
Application and Cybersecurity Blog
N
News | PayPal Newsroom
S
Security Affairs
T
Tor Project blog
P
Proofpoint News Feed
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
S
Security @ Cisco Blogs
H
Heimdal Security Blog
Hacker News: Ask HN
Hacker News: Ask HN
Help Net Security
Help Net Security
U
Unit 42
云风的 BLOG
云风的 BLOG
The Hacker News
The Hacker News
Cisco Talos Blog
Cisco Talos Blog
量子位
F
Full Disclosure
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 叶小钗
有赞技术团队
有赞技术团队
T
Troy Hunt's Blog
P
Privacy & Cybersecurity Law Blog
Forbes - Security
Forbes - Security
人人都是产品经理
人人都是产品经理
L
Lohrmann on Cybersecurity
Apple Machine Learning Research
Apple Machine Learning Research
Microsoft Security Blog
Microsoft Security Blog
博客园 - Franky
腾讯CDC
AI
AI
Last Week in AI
Last Week in AI
Latest news
Latest news
Google Online Security Blog
Google Online Security Blog
N
Netflix TechBlog - Medium
Engineering at Meta
Engineering at Meta
GbyAI
GbyAI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
IT之家
IT之家
Martin Fowler
Martin Fowler
Blog — PlanetScale
Blog — PlanetScale
V2EX - 技术
V2EX - 技术
酷 壳 – CoolShell
酷 壳 – CoolShell

博客园 - 水源

“诚基金”启动救助无鼻女-杨桂情(无鼻女最新进展) 一步一步教你定制变色杯 重新整理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字体样式
看演示 我就不打字了
我给大家解释一些其他的参数
这些基本上是字体的所有属性
下一次 我给大家介绍 其他的属性
谢谢大家支持 多提