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会在后面的博客中详细讲起。

  • 相关阅读:
    Vue组件别名及Ctrl跳转组件问题
    Scrapy Item Loaders
    scrapy Selector
    NSSM 注册windows服务
    windows 删除注册的服务
    RedisDesktopManager软件窗口不显示
    hexo + Matery主题 + Nginx + 阿里云 搭建个人博客网站
    sublime text3 安装插件
    关于 Windows 10 时间更新
    动画 | 什么是堆排序?
  • 原文地址:https://www.cnblogs.com/huanying2000/p/6139692.html
Copyright © 2011-2022 走看看