zoukankan      html  css  js  c++  java
  • HTML-学习笔记(样式)

    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引入样式一种方式。其实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会在后面的博客中详细讲起。

  • 相关阅读:
    《JS权威指南学习总结--6.6属性getter和setter》
    《JS权威指南学习总结--6.5枚举属性》
    django的模板系统
    django额外参数的传递和url命名
    python在图片上画矩形
    当爬虫遇到js加密
    php基础-7
    php基础-6
    php基础-5
    php基础-4
  • 原文地址:https://www.cnblogs.com/huanying2000/p/6139692.html
Copyright © 2011-2022 走看看