Python_day20--css之元素选择器、类选择器、id选择器、层级选择器、属性选择器

最新推荐文章于 2023-04-09 13:44:16 发布

Biu_Biu_0329

最新推荐文章于 2023-04-09 13:44:16 发布

阅读量747

点赞数

本文链接：https://blog.csdn.net/Biu_Biu_0329/article/details/80917777

版权

本文介绍了CSS的基本概念，重点讲解了元素选择器、类选择器、ID选择器、层级选择器和属性选择器的用法，通过实例帮助读者掌握CSS样式设置的原理和技巧。

摘要由CSDN通过智能技术生成

一、什么是CSS

1、概念

层级样式表(英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 ^[1]

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 ^[2]

注意：我们在处理文本样式时遵循的原则是：就近原则；譬如说，当我们在style样式中和在<h1>中本身都设置了样式，那么电脑会优先选择距离这段文本近的样式来处理

例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01</title>
    <style>
    h1{
        color: black;
    }

    </style>

</head>
<body>


<h1 style="color: dodgerblue">this is text</h1>


</body>
</html>

注意这里是就近原则

2、css的三种引入方式

行内引入(在标签里面style="xxxx"进行引入的)
内部引入(在head标签里面的style标签引入

最低0.47元/天解锁文章

Biu_Biu_0329

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫