html中css的基础学习

【小李胖了吗 I 都说秋天适合思念，其实更适合见面】 https://www.bilibili.com/video/BV19g411B7uL/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352

通过本博文的学习，你可以学到以下知识点和掌握以下知识点。

什么是css尼

1.1 html的局限性

1.2 网页的美容师

cSS是层叠样式表( Cascading Style Sheets )的简称.有时我们也会称之为CSS样式表或级联样式表。

CSS是也是一种标记语言
CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形（宽高、边框样式.边距等）以及版面的布局和外观显示样式。

CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解:CSS可以美化HTML,让HTML更漂亮，让页面布局更简单。

1.3 css的语法规范

效果：

代码如下：

1.4 css的代码风格

1. 样式格式书写
   

2. 样式大小写风格

3. 样式空格风格
   

2. css的基础选择器

2.1 css选择器的作用

2.2 选择器的分类

1. 基础选择器

---

1. 标签选择器
2. 类选择器
3. id选择器
4. 通配符选择器

• 复合选择器

2.3 标签选择器

作用和优点：

2.4 类选择器

class

.

语法：

代码如下：

效果如下：

案例使用

2.4.1 多类名的使用方式

2.4.2 多类名开发中使用场景

2.5 id选择器

id

#

2.6 通配符选择器

2.7 基础选择器的总结

3.css的字体属性

cSS Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。

3.1font-family

• font-family

示例代码如下：

效果图：

3.2 font-size 字体大小

3.3 字体粗细

• font-weight
  
  
  

3.4 font-style(文字样式）

3.5 字体复合属性

字体属性可以把以上文字样式综合来写,这样可以更节约代码。
我们之前的写法：

现在的写法：

但是这一般也不怎么用：我们正常来就好啦。

3.6 字体属性总结

4. css的文本属性

csS Text (文本）属性可定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。

4.1 文本颜色

4.2 对齐文本

• text-align

4.3 装饰文本

• text-decoration
  

4.4 文本缩进

• text-indent

4.5 行间距

代码如下：

效果图：

4.6 文本属性总结

5.css的引入方式

1. 行内样式表(行内式)
2. 内部样式表（嵌入式)
3. 外部样式表（链接式)

5.2 内部样式表

在这里插入图片描述

5.3 行内样式表

5.4 内部样式表

style.css中写的

在HTML中引入样式