css入门（一）—— 基础

最新推荐文章于 2023-08-13 10:09:47 发布

少年闲客

最新推荐文章于 2023-08-13 10:09:47 发布

阅读量133

点赞数

分类专栏： css 文章标签： css css入门

本文链接：https://blog.csdn.net/weixin_40633131/article/details/104298939

版权

css 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

1. css简介
    A. css，即Cascading Style Sheet（层叠样式表），用来控制网页外观。HTML是网页的结构，css是网页的外观，而JavaScript是页面的行为。
    B. css3是css的最新版本，有很多新的属性和方法。
    C. css的注释为/* */，和C语言一样。
2. 在html中引入css的方式
    A. 共有三种引入方式：外部样式表、内部样式表、内联样式表
    2.1 外部样式表，使用link标签
         A. 把css和html放在不同的文件，在html文件的head标签中通过link标签引入css样式表。
         B. 一个css文件可以同时被多个html引用，所以这种方式更方便维护，是最常用的一种方式。
         e.g. <head>
                <title>入门</title>
                <link href="index.css" rel="stylesheet" type="text/css" />
              </head>
    2.2 内部样式表，使用style标签
         A. 把css和html放在相同的文件，在html文件的head标签中通过style标签引入css样式表，style标签必须放在head标签内。
         e.g. <head>
                <title>css入门</title>
                <style type="text/css">
                    p {
                        color: red;
                    }
                </style>
                </head>
    2.3 内联样式表
         A. 内联样式表也是把css和html放在相同的文件，只不过css样式表是通过标签的style属性引入，而不是style标签。不推荐这种方式，过于冗余。
         e.g. <body>
                 <p style="color:red;">hello</p>
                 <p>world</p>
              </body>

少年闲客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css入门（一）—— 基础

1. css简介 A. css，即Cascading Style Sheet（层叠样式表），用来控制网页外观。HTML是网页的结构，css是网页的外观，而JavaScript是页面的行为。 B. css3是css的最新版本，有很多新的属性和方法。 C. css的注释为/* */，和C语言一样。2. 在html中引入css的方式 A. 共有三种引入方式：外部样式表、内...
复制链接

扫一扫