巴中热线

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 6080|回复: 1

[网页教程] HTML基础教程:style的应用举例

[复制链接]
发表于 2015-3-18 07:58:28 | 显示全部楼层 |阅读模式

注册巴中热线论坛,交好友享优惠,衣食住行吃喝玩乐尽在 BZHOT.com

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 China4.NET 于 2015-3-18 08:00 编辑

HTML的style属性提供了一种改变HTML样式的通用方法。style是在HTML4版本中引用的,它是一种首选的改变HTML元素样式的方法。可以使用style直接的将样式添加到HTML元素中,或者使用独立的style文件在样式表中间接的定义。

随着HTML的发展,有很多标签和属性即将被废弃,也就是说在未来的HTML版本中将不再支持这些属性和标签,我们应该避免使用这些熟悉和标签。当然这些废弃的标签和属性所起的作用都有更好的方法来实现,比如:使用style属性。

下面是一些废弃的标签和熟悉:
标签                                描述
<center>                         定义居中的内容。
<font> 和 <basefont>     定义 HTML 字体。
<s> 和 <strike>              定义删除线文本(使用del代替)
<u>                                  定义下划线文本

属性        描述
align         定义文本的对齐方式
bgcolor    定义背景颜色
color         定义文本颜色

以上的标签和属性都可以使用style属性代替,来实现其所起的作用

以下是几个style属性的实例:

1、使用style属性改变背景颜色(bgcolor作用)
  1. <span style="font-size: 12pt;">
  2. <html>
  3. <body style = "background-color:yellow">
  4. <h1 stye = "background-color:red>This is a Heading</h1>
  5. <p style = "background-color:green>This is a Paragraph</p>
  6. </body>
  7. </html>
  8. </span>
复制代码

style属性淘汰了旧的"bgcolor"属性

2、使用style属性设置颜色、字体和尺寸
  1. <html>
  2. <body>
  3. <h1 style = "font-family:verdana">A Heading</h1>
  4. <p style = "font-family:arial;color:red;font-size:20px;">A Paragraph</p>
  5. </body>
  6. </html>
复制代码

style属性淘汰了旧的<font>标签

3、style属性设置文本对其方式
  1. <html>
  2. <body>
  3. <h1 style = "text-align:center;">A Heading</h1>
  4. <p>The heading above is aligned to the center of the page</p>
  5. </body>
  6. </html>
复制代码

style属性淘汰了align属性

当然,style元素远远不是上面所说的那么简单,还有很多的值来定义HTML元素的样式。



上一篇:网页制作html教程:iframe自适应高度
下一篇:iOS 8最好用小工具回归 widget让下拉菜单丰富好用
回复

使用道具 举报

发表于 2015-3-19 10:03:37 | 显示全部楼层
网页制作的基础教程,学习啦
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

巴中热线 - 精彩推荐上一条 /1 下一条

快速回复 返回顶部 返回列表