网页中引入css代码的三种方式

最新推荐文章于 2024-06-05 16:49:46 发布

wangboused

最新推荐文章于 2024-06-05 16:49:46 发布

阅读量704

点赞数

分类专栏：如何引入css 引入css的三种方式文章标签： css3

本文链接：https://blog.csdn.net/weixin_44933684/article/details/106854237

版权

如何引入css 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

引入css的三种方式

1 篇文章 0 订阅

订阅专栏

1 如何在网页中引入css代码

行内式设置标签的style属性用的不多，后台喜欢用
一般少量的样式可以这样写，其他不推荐用不专业
内嵌式
在head标签内部放置

 <p style="color: #f40; background-color: skyblue;">一段文字</p>

  选择器 {
      k:v;
      k:v;
      ...
  }
样式不多情况下 可以采用

<style>
        /*
        通配符选择器 * 表示所有标签
        */
        /* * {
            background-color: blue;
        } */
        /*
          标签选择器 标签名 一般对一类标签设置样式 采用
        */
        
        h1 {
            color: red;
        }
        
        a {
            text-decoration: none;
        }
        /*
          id选择器  用的不多 一般用在独一无二的元素
          #id
        */
        
        #box2 {
            background-color: green;
        }
        /*
          类选择器  用的最多
          .class
        */
        
        .f30 {
            font-size: 30px;
        }
    </style>
</head>

<body>
    <h1>一级标题</h1>
    <h2 id="box2">二级标题</h2>
    <p class="f30">段落</p>
    <div>
        <ul>
            <li class="f30">北京</li>
        </ul>
    </div>
    <a href="#">aaa</a>
    <a href="#">aaa</a>
    <a href="#">aaa</a>
</body>

外链式——项目中用的最多
把css单独放在一个或多个文件中,只需要在用到样式的网页中引入即可

wangboused

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页中引入css代码的三种方式

1 如何在网页中引入css代码行内式设置标签的style属性用的不多，后台喜欢用一般少量的样式可以这样写，其他不推荐用不专业内嵌式在head标签内部放置 <p style="color: #f40; background-color: skyblue;">一段文字</p> 选择器 { k:v; k:v; ... }样式不多情况下可以采用 <style> /* 通配
复制链接

扫一扫