css引入方式和标签选择器

最新推荐文章于 2024-07-08 11:32:20 发布

wyt_wo

最新推荐文章于 2024-07-08 11:32:20 发布

阅读量130

点赞数 1

分类专栏：前端文章标签： css

本文链接：https://blog.csdn.net/weixin_44291183/article/details/114646102

版权

3 篇文章 0 订阅

订阅专栏

1、行内式：即直接在标签元素中添加样式

<div style = "color: blue;">
    i like you !
</div>

2、内部式：在head标签中添加style标签，在style标签中按如下格式编写

<style>
        div{
            /* 文字的颜色 */
            color:brown;
            /* 文字的大小 */
            font-size: 66px;
        }
 </style>

3、外部式：在同一文件夹下建立一个css文件，在该文件中编写样式，然后在源文件中添加如下代码，其中herf为css文件所在相对地址。

<link rel="stylesheet" href="css/index.css">

三种引入方式也具有一定的优先级关系：行内式优先级最高；内部式和外部式的优先级取决于其与想要改变的部分的距离远近，采用就近原则。

1、id选择器
给某一个你想要的改变样式的标签添加一个id属性，这个id属性是唯一的。然后在style标签中以“#”加上id名的格式对该标签进行选中。

<div id="id1"></div>

 #div{
            color: rgb(157, 241, 12);
        }

2、类选择器
给想要改变的标签添加class属性，该属性可以有多个。在style标签中的形式是以“.”加类名的形式对该标签进行选中。

 .div{
            color: rgb(157, 241, 12);
        }

3、标签选择器
对想要改变的标签，在style标签中直接写标签名进行选中该标签。

 div{
            color: rgb(157, 241, 12);
        }

4、通配符选择器
通配符选择器可以选中所有标签，对所有的标签都可以进行样式更改。格式如下：

 *{
            color: rgb(157, 241, 12);
        }

四种标签选择器具有一定的优先级：
优先级大小为：id选择器>类选择器>标签选择器>通配符选择器

关注