style是什么意思

PHP中文网 JavaScript

本文摘自PHP中文网，作者不言，侵删。

我们在学习前端知识的时候经常会用到一个style属性，那么style究竟是什么意思呢？本篇文章我们就来给大家介绍一下关于style的意思，下面我们来看具体内容。

<style> 标签用于为 HTML 文档定义样式信息，在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type属性是必需的，定义style元素的内容。唯一可能的值是 "text/css"，style 元素位于 head 部分中。

总而言之，我们可以在style标签中写CSS的各种内容，编写CSS的各种样式，我们来看具体的示例

代码如下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <style type="text/css">

        .test{

            height: 200px;

            width: 200px;

            background: skyblue;

        }

    </style>

</head>

<body>

<div class="test"></div>

</body>

</html>

运行效果

我们在style中定义了一个宽度和高度都为200px的正方形且背景颜色为天蓝色。

style还可以直接在标签中使用，示例如下

1

2

3

4

5

6

7

8

9

10

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

</head>

<body>

<div style="width: 200px;height: 200px;background: lightgreen;"></div>

</body>

</html>

效果如下：同样可以定义一个宽高为200px，背景色为浅绿色的正方形。

本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网！！！

以上就是style是什么意思的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

style标签的作用是什么

js中行内style怎么写？

html style标签是什么意思？关于style标签的使用方法详解

react怎么写style

style标签怎么用？

javascript怎么修改style样式

关于html标签style属性的使用方法详解(附具体实例)

在html中，如何用style添加属性

style对象的csstext方法有哪些使用方法

在vue style中使用data中的变量的方法详解

更多相关阅读请进入《style》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...