css学习笔记

最新推荐文章于 2023-12-12 11:59:44 发布

like_eat_apple

最新推荐文章于 2023-12-12 11:59:44 发布

阅读量141

点赞数

分类专栏：学习笔记文章标签：学习笔记

本文链接：https://blog.csdn.net/like_eat_apple/article/details/53158074

版权

学习笔记专栏收录该内容

21 篇文章 0 订阅

订阅专栏

CSS

1.简介

CSS 指层叠样式表 (Cascading Style Sheets)
用于显示html元素多种效果
把网页的内容和样式进行分离，利用代码的维护

2.用法

<!--标签内-->
<div style="background-color:red;color:blue;">

<!--head中--> 
<head>
  <style type="text/css">
    div {
        background-color:red;
        color:black;
    }
  </style>
</head>
<!--link引用-->
<head>
    <style>
        <link rel="stylesheet" type="text/css" href="1.css"/>
    </style>
</head>

3.选择器

1.优先级

在一般情况下，后加载的优先级高
style > id选择器 > class选择器 > 标签选择器

2.类型

<!--用标签名称作为选择器-->
div {
    background-color: red;
}

<!--class选择器-->
.name{
    background-color:red;
    font-size:10px;
}

<!--id选择器-->
#name{
    background-color:green;
    color:white;
}

3.扩展选择器

<!--嵌套选择器-->
div p {
    background-color:red;
}
<!--组合选择器-->
div,p {
    background-color:green;
}

like_eat_apple

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css学习笔记

CSS
复制链接

扫一扫

专栏目录

css学习笔记

1.简介

2.用法

3.选择器

1.优先级

2.类型

3.扩展选择器

“相关推荐”对你有帮助么？