黑马程序员——前端HTML5+CSS3（女神版）——day03——CSS引入方式、类选择器、字体样式、文本样式

黑马程序员——前端HTML5+CSS3（女神版）——day03——CSS引入方式、类选择器、字体样式、文本样式
一、CSS引入方式
二、类选择器
三、字体样式
- 3.1 字体粗细（font-weight:700;加粗 font-weight:400;不加粗）
- 3.2、字体样式（是否倾斜）font-style:italic;
- 3.3、字体font相关属性的连写
四、文本样式
- 4.1 文本缩进
- 4.2 文本水平对齐方式
- 4.3 文本修饰![在这里插入图片描述](https://img.pic99.top/hfjzjc/202505/f2d546dc0833f25.png)
五、line-height行高
- 五、内容垂直居中
六、标签水平居中

一、CSS引入方式

在这里插入图片描述


Document这是p标签
这是div标签
这个div是什么颜色

my.css

/* 选择器{} */
p{color: red
}

在这里插入图片描述

二、类选择器

在这里插入图片描述


Document111
222
这个标签文字也要变红

在这里插入图片描述

三、字体样式

3.1 字体粗细（font-weight:700;加粗 font-weight:400;不加粗）

在这里插入图片描述

3.2、字体样式（是否倾斜）font-style:italic;

在这里插入图片描述

3.3、字体font相关属性的连写

在这里插入图片描述

四、文本样式

在这里插入图片描述

4.1 文本缩进

在这里插入图片描述


Document2019年，事件视界望远镜团队让世界首次看到了黑洞的样子。不过，研究人员公布的这张发光环形物体的图像并不是传统的图片，而是经过计算获得的。利用位于美国、墨西哥、智利、西班牙和南极地区的射电望远镜所得到的数据，研究人员进行了数学转换，最终合成了这张标志性的图片。研究团队还发布了实现这一壮举所用的编程代码，并撰文记录这一发现，其他研究者也可以在此基础上进一步加以分析。

4.2 文本水平对齐方式

在这里插入图片描述


Document新闻标题

4.3 文本修饰


Documentdiv
ppp
h2
我是超链接，点呀

五、line-height行高

在这里插入图片描述


Document2019年，事件视界望远镜团队让世界首次看到了黑洞的样子。不过，研究人员公布的这张发光环形物体的图像并不是传统的图片，而是经过计算获得的。利用位于美国、墨西哥、智利、西班牙和南极地区的射电望远镜所得到的数据，研究人员进行了数学转换，最终合成了这张标志性的图片。研究团队还发布了实现这一壮举所用的编程代码，并撰文记录这一发现，其他研究者也可以在此基础上进一步加以分析