今天学了CSS的一下内容
在 中添加
如:想要修改h3
在 中添加如下内容
也可以内联样式
如:
<body>
<p style=”color:red;font-size: 30px;”>文本</p>
</body>
推荐使用外部样式
可通过改变一个文件来改变整个站点的样式
建立.css文件
在<head> </head>内添加
<link rel=”stylesheet” href=”./.css文件”>
选择器
全局选择器 以后所有标签的样式将会是全局选择器的改变
常用于初始化样式
在<head></head>中
添加
<style>
*{
font-size: 30px;
color: red;
}
</style>
元素选择器
HTML文档中的元素 如 p,b,div,img,body等
在<head></head>中添加以下内容
<style>
p
{
font-size =40px;
}
</style>
若想单独改变一个文本中几个字的颜色
如:改变文本1中1的颜色
在<head></head>中添加
<style>
sapn
{
color:red;
}
</style>
<body></body>中将<p>文本1</p>修改为
文本1
类选择器 规定用圆点.来定义 针对想要的所有标签使用
使用率高
如:仅想改变文本1的样式
将此内容
文本1
文本2
文本3
改写为
文本1
文本2
文本3
并将原中
中
p{
color:red;
}
删除 并添加
.content{
color:red;
}
class属性的特点
类选择器可以被多种标签使用
类名不能以数字开头
统一标签可使用多个选择器 用空格隔开
如
文本3
明天将继续学习选择器