本文详细介绍了CSS的基础知识，包括CSS的三大组成部分，各种选择器的用法，如元素选择器、ID选择器、类选择器、通配选择器，以及复合选择器、关系选择器的应用，还有属性选择器的使用。通过实例展示了如何使用这些选择器来改变网页元素的样式，如颜色、字体大小和背景色等。
css简介及部分选择器
第一部分 css简介
1.网页分成三个部分
- html--结构，30个左右标签，先用一段时间
- css--表现，外在显示的样子
- js--行为
html 超文本语言
css -层叠样式表
-网页是一个多层的结构，css可以给每一层结构设置样式， 最终你看到的是最上面的一层
2.css书写位置及各自的优缺点
第一种方式:内联样式/行内样式
书写位置:开始标签内
style属性，讲css样式写在style属性值里面 ,可以写多个样式，只要用分隔号(;)隔开即可.
优缺点：
优点：有针对性
缺点：1.结构和表现耦合了
2.修改起来不方便
注意：不推荐使用，适用小改动。
<div style="color: red;font-size: 32px;background-color: green;">
定论和无让老人害薪他来即战此生，只车第。
</div>
<div style="color: red;font-size: 32px;background-color: green;">
定论和无让老人害薪他来即战此生，只车第。
</div>
<div style="color: red;font-size: 32px;background-color: green;">
定论和无让老人害薪他来即战此生，只车第。
</div>
第二种方式:内部样式表
书写的位置：head标签内部，写一个style标签，通过选择器选中对应的html结构。
在花括号里面书写css样式,可以写多组样式,样式之间用;隔开.最后一个样式后可以不加分隔号,但一般都加上
优缺点：
缺点：复用率不高
注意：css比较多的时候，不推荐使用
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p{
color:indigo;
font-size: 50px;
background-color: pink;
}
</style>
<link rel="stylesheet" href="./02.css书写位置.css">
</head><p>磊书放台五勇而郭骨玉护使司上若说谷人快。</p>
<p>变白惜君其定亲春平曰设弄给国，我爱苟有。</p>
<p>了第程迷洪不是未本汪在年竟生秦
最低0.47元/天 解锁文章
扫一扫
2138
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
