zoukankan      html  css  js  c++  java
  • css引入

    将html文件中标签的字体改变颜色的方法:

    1、创建css引入实例.html文件和index.css文件,把样式单独写在css文件中,然后在html文件中通过link标签导入

    html中的代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css引入实例</title>
        <link rel="stylesheet" href="index.css">  <!--将index.css文件和本html文件创建连接关系-->
    </head>
    <body>
    
    <p>海燕</p>
    
    </body>
    </html>
    html中的代码

    css中的代码:

    p{
    color:red;font-size:48px; /*将css引入实例.htxm中的p标签中的内容字体改为红色,font-size为改变字体大小*/
    }

    2、直接在html文件中修改标签内容的字体颜色,在head中通过style标签定义

    html中的代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <style>
            p{
                color:red;
            }
        </style>
        <title>css引入实例</title>
        <!--<link rel="stylesheet" href="index.css">  &lt;!&ndash;将index.css文件和本html文件创建连接关系&ndash;&gt;-->
    </head>
    <body>
    
    <p>海燕</p>
    
    </body>
    </html>
    html中的代码

    3、最简单的方法,直接写在要更改字体颜色的标签里面 style="样式1";style="样式2"

    CSS的语法

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <!--<style>-->
            <!--p{-->
                <!--color:red;-->
            <!--}-->
        <!--</style>-->
        <title>css引入实例</title>
        <!--<link rel="stylesheet" href="index.css">  &lt;!&ndash;将index.css文件和本html文件创建连接关系&ndash;&gt;-->
    </head>
    <body>
    
    <p style="color:blue">海燕</p>
    
    </body>
    </html>
    html中的文件 最简单的方法
  • 相关阅读:
    PHP 文件上传
    浅析文件上传漏洞
    JS之Number类
    JS之String类
    Java中的多态
    JS之数据类型
    JavaScript的组成
    双向链表与LRU算法实现
    字符串比较--小问题大智慧
    龙生九子-浅谈Java的继承
  • 原文地址:https://www.cnblogs.com/YiYA-blog/p/10301503.html
Copyright © 2011-2022 走看看