本文详细介绍了CSS样式表的三种位置：行内样式、内部样式和外部样式，以及字体样式、文本样式的选择和设置。同时，文章还探讨了CSS的基础选择器，包括标签选择器、类选择器、ID选择器和通配符选择器，并详细阐述了CSS样式的三大特性：层叠性、继承性和优先级。最后，讲解了行内元素、块级元素的特点及相互转换的方法。
第二次讨论班
一、样式表的位置
<head>
<style>
选择器 {样式}
</style>
</head>
CSS的三种样式表位置
1）行内样式表（行内式）
在元素标签内部的style属性中设置，一般用来改变简单的样式
<div style="color:#ff1005">第二段</div>
在网页中显示如下
2）内部样式表（嵌入式）
把所有的CSS代码放到一个style标签中，style标签理论上可以放到任何位置，但一般放到head标签内部，以方便控制整个html文件
3）外部样式表（链接式）
核心是把样式单独写到CSS文件中，之后把CSS文件引入到html文件中使用
使用link标签把CSS文件引入进来
二、字体样式
font-family 定义文本的字体，
各个字体之间用逗号分割，
优先级从前到后，
只有当前一个字体系统没有下载时才用后面的字体。
font-size: ××px; 字号大小
font-weight: 字体粗细
font-style:italic（斜体）normal（正常的不倾斜） 字体风格
字体复合属性写法：（直接写属性值，不能改变顺序，不需要的可以省略，但必须保留font-size和font-family）
字体粗细的几种属性值：（如果使用数字就不要加单位）
三、文本样式
color定义文本颜色
text-align设置对齐方式
text-decoration文本装饰，其属性值有以下几种
text-indent 文本缩进（首行缩进，可以为负），单位可以为px，但em更常用，一个em就是一个字
line-height 行间距，单位是px
四、CSS的基础选择器
1、选择器的作用：用来选择标签，以达到精准调整样式的目的，基础选择器是由单个选择器组成的。
2、基础选择器包括：标签选择器、类选择器、id选择器、通配符选择器。
1）标签选择器
以p标签为例
<head>
<style>
p {
color: red;
font-size:20px;
}
</style>
</head>
<body>
<p>使用了选择器的文字</p>
普通的文字
</body>
在网页中显示如下
2）类选择器
.类名{
属性1: 属性值;
属性2: 属性值;
}
<!-- 调用方法 假设类名为one -->
<p class="one">使用了样式表的文字</p>
普通的文字
在网页中显示如下
注意：一个标签可以使用多个类名，使用方法如下
<head>
<style>
.one{
color: pink;
}
.two{
font-size: 25px;
}
</style>
最低0.47元/天 解锁文章
504
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
