网页设计引入CSS样式的五种方式
发布时间：2006-09-15 13:31:53 来源：微电脑世界 网友评论 0 条
一、使用STYLE属性
将STYLE属性直接加在个别的元件标签里，＜元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如：
＜TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%＞
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签
将样式规则写在＜STYLE＞...＜/STYLE＞标签之中。
＜STYLE TYPE="text/css"＞
＜!--
样式规则表
--＞
＜/STYLE＞
例如：
＜STYLE TYPE="text/css"＞
＜!--
BODY {
color: BLUE;
background: #ffffff;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt}
--＞
＜/STYLE＞
通常是将整个的 ＜STYLE＞...＜/STYLE＞结构写在网页的＜HEAD＞ ＜/HEAD＞部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
将STYLE属性直接加在个别的元件标签里，＜元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如：
＜TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%＞
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签
将样式规则写在＜STYLE＞...＜/STYLE＞标签之中。
＜STYLE TYPE="text/css"＞
＜!--
样式规则表
--＞
＜/STYLE＞
例如：
＜STYLE TYPE="text/css"＞
＜!--
BODY {
color: BLUE;
background: #ffffff;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt}
--＞
＜/STYLE＞
通常是将整个的 ＜STYLE＞...＜/STYLE＞结构写在网页的＜HEAD＞ ＜/HEAD＞部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
推荐阅讯
- CSS中的滑动门技术研究
- 网站重构：利用CSS改善网站可访问性
- web标准化 用CSS定义标题的几个实例
- 网页特效之让css使网页图片半透明
- 推荐几组漂亮的按纽CSS（名字自己定义）
- 分析总结一下＜li＞和＜hr＞的样式定义
- 转：浅议 Web 的表单设计
- Css不朽的经典—3D文字特效
- 利用XMLHTTP从其他页面获取网页数据
- 如何像表格table一样对层div进行轻松布局
阅读排行
- 1.如何使用CSS来进行网页排版
- 2.CSS样式表教程-If you love css …
- 3.CSS用样式表美化你的网页
- 4.网页制作：几种所见所得的WEB在线编辑器
- 5.网页常见可用性错误——表单组件错误
- 6.CSS+JavaScript打造超酷右键菜单
- 7.针对浏览器隐藏CSS之九大技巧
- 8.DIV＋CSS网页布局入门
- 9.搜索引擎的蜘蛛人（ROBOTS）秘密
- 10.CSS垂直树形下拉菜单
专题教程
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题：清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏