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中的文件 最简单的方法
  • 相关阅读:
    [eZ publish] Get Start a new eZ Publish projectTwo
    [eZ publish] Get Start a new eZ Publish projectOne
    [Ubuntu] Ubuntu8.10下NetBeans6.5中文变成方块解决
    [Ubuntu] 安装/卸载 声卡驱动
    [eZ publish] Url filter
    [eZ publish] How to use multiple pagelayouts
    [Ubuntu] 给系统监视器加个快捷键
    [Ubuntu] 如何添加自定义命令
    软件的价值(转)
    C语言程序收集
  • 原文地址:https://www.cnblogs.com/YiYA-blog/p/10301503.html
Copyright © 2011-2022 走看看