怎样定义CSS

最新推荐文章于 2022-06-21 19:42:59 发布

cooleader320

最新推荐文章于 2022-06-21 19:42:59 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 开发文章标签： webform generator html stylesheet javascript css

本文链接：https://blog.youkuaiyun.com/cooleader320/article/details/1368009

Web 开发专栏收录该内容

50 篇文章

订阅专栏

本文介绍了在HTML中定义CSS样式的三种常见方法：直接在HTML元素内部定义、在HTML头部使用<style>标签定义以及通过外部CSS文件定义。每种方法都有其适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般来讲，定义CSS样式单有如下三种方式：

直接在Html元素内部定义，如：直接在段落元素<P> 定义一个CSS
<p style=" font-family:宋体； font-weight:normal; font-size:12px;">
some text...
</p>
在HTML文件头部定义。
<HTML>
    <HEAD>
        <title>WebForm8</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
                                          <stype type="text/css">
                                         H1
                                        {
                                          font-family:宋体;
                     text-align:center;
                                          color:blue;

                                         }

                                          </style>

    </HEAD>
    <body>
        <form id="Form1" method="post" runat="server">
        </form>
    </body>
</HTML>
在一个外部的css文件中定义，然后在html的头部引用。

<HTML>
    <HEAD>
        <title>WebForm8</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        <link rel="stylesheet" href="StyleSheet.css" type="text/css" disabled=false>
    </HEAD>
    <body>
    </body>
</HTML>