html style属性的用法

最新推荐文章于 2023-10-29 08:30:25 发布
最新推荐文章于 2023-10-29 08:30:25 发布
阅读量9.8k 收藏 32
点赞数 6
分类专栏： HTML

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

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

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

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

2,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>

3,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/>
Child_heart
关注
  • 6
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS使用getComputedStyle()方法获取CSS属性值
01-19
在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type=”text/css”>里面的属性。 代码如下: <span xss=removed><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1
实现HTML标记中的style属性的四种方式
2301_79532295的博客
10-12 2653
css引入的四种形式
html中style属性的常见用法
weixin_45955872的博客
10-18 2036
html中style属性的常见用法 <h2 style="background-color:yellow"> ~~~ </h2> <!-- 这里表示二级标题文字的背景颜色为黄色--> <p style="color:green ;font-family:verdana;font-size:20px"> ~~~ </p> <!-- 这里设定了段落内文字的颜色、字体和字号 --> <h1 style="text-a
Html中CSS常用属性
wopoli的博客
08-21 2224
在style标签中注释的书写使用“/* 注释内容 */”，而不是。
html中的style有什么用
最新发布
zhang20040217的博客
10-29 1158
标签主要用于包含文档的CSS样式信息。它可以用来定义文档的布局、颜色、字体和许多其他的视觉效果。标签可以让我们更方便地控制HTML元素的样式，使我们的网页更美观、更易于阅读。标签可以有两种形式：内联样式和嵌入式样式表。元素会有一个粉蓝色的背景，所有的。元素会有Verdana字体。元素会有蓝色的文本，所有的。在这个例子中，所有的。
CSS style属性大全
02-14
CSS style属性大全,使css使用起来不在一头雾水
html 样式之style属性的使用
weixin_34101229的博客
12-19 1万+
转自：https://www.ggbiji.com/html-style.html html中的style属性是用来改变html元素的样式的，样式是 在html 4 引入的，它是改变 html元素样式的一种方式。通过 html样式，能够通过使用 style 属性直接将样式添加到html元素，或者是间接地在CSS 文件中进行定义。 格式： &lt;标签 style=”属性值”&gt;&lt;/标签...
HTML style 属性
evilcry2013的博客
09-21 714
HTML style 属性 HTML 全局属性 实例 在 HTML 文档中使用 style 属性： style="color:blue; text-align:center">This is a header style="color:red">This is a paragraph. 亲自试一试 （可以在本页底部找到更多实例） 定义和用
html style属性
小牧在一直在学习,在前进的道路上大家一起学习，进步。
05-06 5796
在html 中 style 用于为 HTML 文档定义样式信息。 使用方法: 自己目前总结出2中方法 1 在标签内部使用 2 <style> 当做一个标签使用 下面修改自己颜色为例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title...
初识HTML（四）——style属性
weixin_45927758的博客
07-05 2710
style是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。 修改背景颜色和字体 <html> <body style="background-color:PowderBlue;"> <h1>Look! Styles and colors</h1> <p style="font-family:verdana;.
jQuery对象的length属性用法实例
12-02
本文实例讲述了jQuery对象的length属性用法。分享给大家供大家参考。具体分析如下： 此属性返回匹配的jQuery对象集合中对象的数目。 length属性与size()方法返回相同的值。 语法结构: 代码如下:$(“selector”)....
详解HTML5 canvas绘图基本使用方法
12-13
<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在<canvas>>元素上绘图主要有三步： 获取元素对应的DOM对象，这是一个Canvas对象； 调用Canvas对象的getContext...
详解使用HTML5的classList属性操作CSS类
01-19
以前我们有需要用js或jquery的一些方法hasClass、addClass、removeClass，在一个元素的class属性上添加或者删除某几个类，达到某种样式变化的需求，但还是稍微麻烦了一些。 h5新增的classList可以让我们更方便的元素...
jQuery属性选择器用法实例分析
12-13
本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考，具体如下： 属性选择器 在HTML文档中，元素的开始标记中通常包含有多个属性(attribute) <input id="txtUsername" type="text" value="qiyisoft" ...
style属性
weixin_45644335的博客
06-07 285
私有样式 <style scope> </style> 全局样式 <style> </style> 普通的style标签只支持普通的样式，如果想要启用scss或less为style元素，则lang属性 <style lang="scss"> </style> ...
Html中style标签是做什么的
热门推荐
Zirui0503的博客
05-22 1万+
一、style标签的定义及用法 在html中，style标签是使用来定义html文档的样式信息，在该标签中你可以规定浏览器怎样显示html文档内容。 除了使用style标签来为元素添加样式外，我们还可以使用link标签来引入外部样式文件 scoped属性是html5中新增的属性，如果没有设置"scoped" 属性，那么style标签必须位于head标签中。 二、style标签语法格式 语法格式说明： type属性是style标签必须属性，用来规定样式表的MIME类型，唯一的值为：text/css； 一个h
JavaSrcipt获取HtmlStyle属性兼容方法
骑着猪猪去拍拖
06-08 465
JavaSrcipt获取HtmlStyle属性兼容方法 body { padding:10px;} * { margin:0px; padding:0px;} #div1 { width:100px; height:100px; background-color:#65DBC7; position:absolute; left:10px; top:50px;} window.onload =
谈谈style属性
lishichengyan的博客
09-05 632
DOM模型中每个节点都是对象，每个对象都有自己的若干属性，其中style是与CSS密切相关的。 1）style属性本身也是对象。 2）CSS属性和DOM脚本代码（js）可能会有出入，比如CSS中的font-family对应的js代码是fontFamily（类似地，DOM对CSS中的连字符都采取camel命名法的方式去处理） 3）style只能检查内嵌样式，如果样式表是外部的，那么通过styl
style常见属性
qq_38211852的博客
05-12 8043
一、常用属性： 1、Height:设置DIV的高度。 2、Width:设置DIV的宽度。 例： 复制代码代码如下:&lt;div style="width:200px;height:200px;background-color:Black;"&gt; &lt;/div&gt; 3、margin:用于设置DIV的外延边距，也就是到父容器的距离。 例： 复制代码代码如下:&lt;div style="...
html引用外部js文件style的属性值
06-02
如果你想在 JavaScript 中访问外部 CSS 文件中的样式属性值，可以使用 getComputedStyle() 方法。这个方法返回一个对象，包含了指定元素的所有计算样式属性及其对应的值。 以下是一个获取某个元素的外部样式属性值的示例代码： ```javascript // 获取某个元素 var myElement = document.getElementById("myElement"); // 获取计算后的样式属性 var computedStyle = window.getComputedStyle(myElement); // 获取属性值 var color = computedStyle.getPropertyValue("color"); var fontSize = computedStyle.getPropertyValue("font-size"); ``` 这个例子中，我们首先获取了一个 ID 为 "myElement" 的元素，然后使用 getComputedStyle() 方法获取了它的计算样式属性。最后，我们使用 getPropertyValue() 方法获取了 color 和 font-size 样式属性的值。 请注意，getComputedStyle() 方法返回的是一个只读对象，因此你不能直接修改它。如果你想修改一个元素的样式属性，应该使用元素的 style 属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值