HTML-学习笔记（样式）

最新推荐文章于 2023-05-10 16:50:12 发布

ddiv24492

最新推荐文章于 2023-05-10 16:50:12 发布

阅读量120

点赞数

原文链接：http://www.cnblogs.com/huanying2000/p/6139692.html

版权

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

<p style="font-family: arial; color: red;">字体是arial，字体颜色是红色</p>
<p style="font-size: 30px;">这行文字的字体大小是30px</p>

HTML 的 style 属性

style 属性的作用：

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

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

上面只是html引入样式一种方式。其实html引入样式有三种方式。

1.外部样式表通过<link>标签引入

<link rel="stylesheet" type="text/css" href="../css/myStyle.css" />

2.内部样式表通常写在<head>标签中

<style type="text/css">
    p {
        color: red;
        text-align: center;
        font-size: 15px;
    }
</style>

3.内联样式表通常写在相对应地元素标签的起始标签內

<p style="font-family: arial; color: red;">字体是arial，字体颜色是红色</p>
<p style="font-size: 30px;">这行文字的字体大小是30px</p>

三种方式中內联样式的优先级最高外部样式表的优先级最低。最常用的是外部样式表，这是另一门学科CSS会在后面的博客中详细讲起。

转载于:https://www.cnblogs.com/huanying2000/p/6139692.html

关注