CSS的三种使用方法
最新推荐文章于 2024-07-24 15:15:31 发布
Tech In Pieces
最新推荐文章于 2024-07-24 15:15:31 发布
阅读量5.3k
收藏
19
点赞数
6
最新推荐文章于 2024-07-24 15:15:31 发布
阅读量5.3k
收藏
19
点赞数
6
本文介绍了CSS的三种使用方法：行内样式、内联样式+选择器、外联样式+选择器。强调了选择器在批量修改样式时的重要性，并举例说明了如何使用元素选择器、类选择器和ID选择器。同时，解释了外联样式通过引入CSS文件来统一管理样式的方法。最后探讨了CSS样式冲突时的优先级问题。
CSS使用方法1：行内样式，只对当前标签生效。
比如像这样
<h1 style="height:20px;color:red">
CSS使用方法2—内联样式+选择器
行内样式虽然直观易懂，但是有个问题：不便于维护和修改，而且占内存。但是 如果批量修改，文本中的< p >标签，想让文字变为红色。
所以 我们使用CSS选择器。
<html>
<head>
<title>Evan Sun</title>
<style type="text/css"> p {color: red;} </style>
</head>
<body>
<h1>标题</h1>
<p>段落1</p>
<p>段落2</p>
</body>
</html>
当然也不止有这样一种选择器。
有四种：#id选择器 .class选择器 以及这里面的元素选择器。
下面是几种选择器：
CSS使用方法3—外联样式+选择器：
外联样式 就是通过在HTML引入一个CSS文件，来改变当前文档的样式。你只需要在< html >文档< head>标签中 只需要加入下面这样一行代码即可。
<link rel="stylesheet" type="text/css" href="demo.css">
其中href的属性值 就是当前css样式文件的文件路径
把这个link放在head tag里面。
最后一个问题：
CSS样式听谁的？
扫一扫
1540
暂无认证
到【灌水乐园】发言
少年布朗熊: 就是在查这个问题，好多地方写的很矛盾。现在都不太清楚到底要不要等所有任务完成
韩枫Demo: 写的非常好，博主很棒 飞鱼亲测网 https://www.feiyus.cn/
曹查理838: 这内容和标题一样吗？什么是分布式缓存还是没有说出来，远离也没有，这还有人收藏？
weixin_45677495: 靠，引用类型还有例外啊，坑死我了
依依在学习: 可是如果n不为整数的话模除1就没有意义啊