• 站长首页
  • 源码下载
    HTML源码 ASP源码 PHP源码 .NET源码 VIP源码
  • 网站模板
    织梦模板 ShopEx模板 EcShop模板 Discuz模板 帝国模板
  • 站长素材
    字体下载 高清图片 网页模板 PSD素材 矢量素材
  • 网页特效
    返回顶部 图片代码 鼠标特效 菜单导航 HTML5特效
  • 站长资讯
    网站运营 建站经验 搜索优化 互联网
登陆| 注册
快捷导航

源码下载

HTML源码 ASP源码 PHP源码 .NET源码

网站模板

织梦模板 ShopEx模板 EcShop模板 Discuz模板

站长素材

字体下载 高清图片 网页模板 PSD素材

网页特效

返回顶部 图片代码 鼠标特效 菜单导航

站长资讯

网站运营 建站经验 搜索优化 互联网

软件下载

电脑软件 安卓软件 苹果软件

建站工具

WEB服务器 网页设计 FTP工具 建站辅助

建站教程

服务器教程 CMS教程 脚本之家
80站长网

微擎小程序商城企业响应图片响应式帝国优化as

发布教程
  • 站长首页

  • 源码下载

  • 网站模板

  • 站长素材

  • 网页特效

  • 站长资讯

  • 软件下载

  • 建站工具

  • 建站教程

  • 程序插件

  • 网站基础

  • 帮助中心

HTML源码 ASP源码 PHP源码 .NET源码 VIP源码 其他源码

织梦模板 ShopEx模板 EcShop模板 Discuz模板 帝国模板 WordPress主题

字体下载 高清图片 网页模板 PSD素材 矢量素材 免抠素材 PPT模板

返回顶部 图片代码 鼠标特效 菜单导航 HTML5特效 css3特效 日期时间 选项卡_滑动门 HTML5小游戏 动画效果 表单按钮 jquery特效

网站运营 建站经验 搜索优化 互联网

电脑软件 安卓软件 苹果软件

WEB服务器 网页设计 FTP工具 建站辅助

服务器教程 CMS教程 脚本之家

shopex插件 Discuz!插件 wordpress插件 phpcms插件 ecshop插件 dedecms插件

HTML教程 DIV&CSS Javascript/Ajax Dreamweaver XHTML教程 W3C教程

关于我们 联系我们 广告服务 投稿指南 友情链接 积分金币规则 加入VIP会员

当前位置:网站首页 > 网站基础 > HTML教程 > HTML基础教程入门之HTML样式

HTML基础教程入门之HTML样式

时间:2017-02-25 11:28 来源:网络收集 浏览: 次

style 属性用于改变 HTML 元素的样式。

This text is in Verdana and red

This text is in Times and blue

This text is 30 pixels high

 

HTML 的 style 属性

style 属性的作用:

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

您可以在我们的 CSS 教程中学习关于样式和 CSS 的所有知识。

在我们的 HTML 教程中,我们将使用 style 属性向您讲解 HTML 样式。

不赞成使用的标签和属性

在 HTML 4 中,有若干的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。

这里传达的信息很明确:请避免使用这些被废弃的标签和属性!

应该避免使用下面这些标签和属性:

标签 描述
<center> 定义居中的内容。
<font> 和 <basefont> 定义 HTML 字体。
<s> 和 <strike> 定义删除线文本
<u> 定义下划线文本
属性 描述
align 定义文本的对齐方式
bgcolor 定义背景颜色
color 定义文本颜色

对于以上这些标签和属性:请使用样式代替!

HTML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色:

<html>

<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>

</html>

 

style 属性淘汰了“旧的” bgcolor 属性。

 

HTML 样式实例 - 字体、颜色和尺寸

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:

<html>

<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>

</html>

 

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

 

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式:

<html>

<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>

</html>

style 属性淘汰了旧的 "align" 属性。

    好评
    (0)
    0%
    差评
    (0)
    0%
    (作者:不详)   /   责任编辑:80站长网
    • 上一篇:HTML基础教程入门之HTML段落
    • 下一篇:详解前端在html页面之间传递参数的方法
    • 收藏
    • 打印

    相关模板

  • 响应式婚纱照摄影类网站织梦模板(自适应手机端)

    模板名称: 响应式婚纱照摄影类网站织梦模板(自适应手机端)+PC+wap+利于SEO优化 模板介绍: 织梦 最新内核开发的模板,该模板属于企业通用类、婚纱摄影、艺术摄影类...

  • 2019-08-13 00:28:35 响应式 婚纱照 摄影 婚纱摄影
  • 咖啡色装修公司网站织梦模板源码

    咖啡色装修公司网站源码 装修家装装饰类网站织梦模板 该模板是非常容易存活的,这样的网站很容易吸引访客点击,提升ip流量和pv是非常有利的,随便挂点联盟广告...

  • 2017-03-19 12:38:25
  • 绿色环保材质设备网站源码_环保汽车顶棚门板设备网站类织梦模板

    绿色环保材质设备网站源码 环保汽车顶棚门板设备网站类织梦模板 该模板是非常容易存活的,这样的网站很容易吸引访客点击,提升ip流量和pv是非常有利的,随便挂...

  • 2017-03-05 16:17:45 绿色 环保材质 汽车顶棚 汽车门板
  • 家装装修装饰类企业网站织梦模板

    模板名称: 家装装修装饰类企业网站织梦模板 模板介绍: 织梦最新内核开发的模板,该模板属于家装装修行业,装修装饰企业, 家居装饰类,属于企业通用,家居设...

  • 2018-07-12 12:20:31
  • HTML5响应式企业集团网站源码 响应式高端大气集团产业织梦模板

    HTML5响应式企业集团织梦模板 响应式高端大气集团产业网站源码下载 该模板是非常容易存活的,这样的网站很容易吸引访客点击,提升ip流量和pv是非常有利的,随便挂...

  • 2018-05-22 22:04:39
  • 响应式激光设备类网站织梦模板(自适应手机端)

    模板名称: 响应式激光设备类网站织梦模板(自适应手机端)+PC+wap+利于SEO优化 模板介绍: 织梦最新内核开发的模板,该模板属于企业通用类、激光设备类企业都可使用...

  • 2019-04-19 21:21:37 响应式 激光设备
  • 挖掘机生产设备网站源码橡胶型工业设备类网站织梦模板

    挖掘机生产设备网站源码 橡胶型工业设备类网站织梦模板......

  • 2018-06-29 11:54:00
  • 空气能地暖热水器节能设备类网站织梦模板(带手机端)

    模板名称: 空气能地暖热水器节能设备类网站织梦模板(带手机端)+PC+wap+利于SEO优化 模板介绍: 织梦内核开发的模板,该模板属于空气能、节能设备、热水器类企业都...

  • 2020-07-20 09:24:15 空气能 地暖 热水器 节能设备

    教程列表

    • HTML教程
    • DIV&CSS
    • Javascript/Ajax
    • Dreamweaver
    • XHTML教程
    • W3C教程

    热门教程排行

    • 1 HTML基础教程入门之HTML样式
    • 2 HTML基础知识_编辑器
    • 3 HTML基础教程入门之|HTML标题
    • 4 HTML基础知识_HTML简介
    • 5 HTML基础知识之HTML元素
    • 6 HTML基础教程入门之HTML段落
    • 7 HTML基础教程入门之HTML属性
    • 8 Html基础知识_HTML常用的标签元素
    • 9 html2canvas将html代码转为图片的使用方法
    • 10 html文本溢出显示省略字符的两种常用解决方法

    教程标签

      HTML样式 HTML基础教程
    返回
    顶部
    联系我们 投稿指南 专家专栏 热门标签 广告投放 友情链接

    备案号:辽ICP备16013735号-1 公安备案号辽公网安备 21010402000253号

    Copyright © 2016-2018 80站长网 版权所有

    ×