1、字体样式
<style>
p{
/* 设置字体大小 */
/* font-size:50px; */
/* 改变字体类型 */
/* font-family: '隶书'; */
/* 改变字体风格 */
/* italic斜体 */
/* font-style: italic; */
/* 改变字体的粗细 bold加粗 lighter变细*/
/* 由于字体的粗细 有最粗的状态 和 最细的状态 所以值写的很小或者很大的话，不会生效 */
/* font-weight: bold; */
/* font是一个复合属性 */
font: bold italic 50px '隶书' ;
/* 顺序 字体风格 字体粗细 字体大小 字体类型 */
/* 字体风格 字体粗细 顺序可以互换 其他的不可以 */
}
</style>
2、文本样式
style>
h1 {
/* 设置字体颜色 */
/* color: ; */
/* 设置元素水平对齐方式 */
/* text-align: center; */
/* 设置首行文本的缩进 */
/* text-indent: px; */
/* line-height: px; */
/* 行高的作用在于，行高的大小和高度一致，就可以实现垂直居中 */
}
a {
/* 设置文本的装饰 */
/* text-decoration: none; */
/* text-decoration: overline; 在文字的上面加了一条线*/
/* text-decoration: underline; 默认的下划线*/
text-decoration: line-through;
/* line-through一般用于任务列表 */
}
3、选择器
<style>
/* 类选择器 */
/* 类选择器我可以给任意我想给的元素添加同一个样式 */
/* .a{
font-size:30px;
color:chartreuse;
} */
/* ID选择器 */
/* id代表唯一，只能写一个 */
#b{
background-color: cornflowerblue;
}
/* 实际工作中使用class是比较多的 */
</style>
4、伪类语法
* 鼠标指针移动上去的时候会显示什么样式 */
/* link visited hover 伪类名 */
/* link 没有访问的时候的样式 */
/* visited 访问后的样式 */
/* hover表示鼠标悬停在文字上显示的样式 */
/* active 表示鼠标点击的时候显示的样式*/
/* 如果想要link生效，href里面的网址需要没有被访问过，不存在于历史记录中 */
5、css样式
<!-- 优先级会受到顺序的影响 所以写样式的顺序 要保持 先外部 再内部 最后内联 -->
<!-- 外部样式 -->
<!-- rel="stylesheet"样式表的意思 -->
<!-- 链接式导入样式 -->
<!-- <link rel="stylesheet" href="./外部样式.css"> -->
<!-- 内部样式 -->
<!-- type="text/css" 表明你写的是一个css样式表 -->
