CSS快速入门

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475

CSS快速入门

简介

层叠样式表 — 也就是CSS — 是你在HTML之后应该学习的第二门技术。HTML用于定义内容的结构和语义，CSS用于设计风格和布局。比如，您可以使用CSS来更改内容的字体、颜色、大小、间距，将内容分为多列，或者添加动画及其他的装饰效果；

通俗理解为：CSS就是为了给HTML标签修改样式；

语法结构

语法结构：

选择器 {
    	属性名1:属性值1;
    	属性名2:属性值2
  }

---

如何注释

/*注释内容*/
快捷键：ctrl+? (pycharm)

引入方式

1.style内部直接编写css代码,平时学习、练习的时候推荐使用
2.link标签引入外部css文件,正式工作、实际生产环境推荐使用

选择器

简介

CSS选择器是CSS规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。选择器所选择的元素，叫做“选择器的对象”；

css是用来调节标签样式的 那为什么需要学选择器呢?
因为同一个页面上有很多相似的标签 并且这些标签在不同的位置有不同的样式 所以为了能够区分 ，我们肯定先需要学习如何查找指定的标签

---

选择器列表

如果你有多个使用相同样式的CSS选择器，那么这些单独的选择器可以被混编为一个“选择器列表”，这样，规则就可以应用到所有的单个选择器上了。例如，如果我的h1和.special类有相同的CSS，那么我可以把它们写成两个分开的规则。

/*方式一*/
h1 {
  color: blue;
}

.special {
  color: blue;
} 

/*方式二*/
h1, .special {
  color: blue;
} 

/*如果出现语法错误，那么样式不会生效*/
/*相同修改，优先级一般最下面的生效*/

基本选择器

标签选择器

通过标签名直接查找

/*查找所有的div标签*/
  	div {  
            color: red;
        }

类选择器

类选择器的关键符号为.句点符号，是通过class值查找标签；

/*查找所有含有c1样式类的标签*/
  	.c1 {
            color: red;
        }

id选择器

id选择器关键符号位