css:
CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。
注释： /* 注释content */
CSS 的几种引入方式
行内样式
行内式是在标记的style属性中设定CSS样式。不推荐大规模使用.
<p style="color:red;font-size: 20px">
hello world!
</p>
内部样式：嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下：
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
background-color: #2b99ff;
}
</style>
</head>
外部样式
外部样式就是将css写在一个单独的文件中，然后在页面中进行引入。推荐使用此方法。
<link href=" mingcheng.css" rel = "stylesheet " type = "text/css"/> #现在写的这个 .css 文件是和你的html是一个目录下的，如果不是一个目录，href里面记得写上这个 .css 文件路径。
文件内容是：
p {color:blue;}
CSS选择器（如何找到对应的标签）
基本选择器
元素选择器（标签名）（所有标签全部改变 ）
p{color :"red"}
div{font-size:"18px"}等等
ID选择器
#i1 {background-color: red; #背景色，color:red是字体颜色} #号表示id属性，后面的i1表示id属性的值。
id 不能重复。
类选择器
.c1 { .表示class属性，c1表示class的值 font-size: 14px;}
p.c1 { 找到所有p标签里面含有class属性的值为c1的p标签，注意他俩之间没有空格昂
color: red;
}
注意：
样式类名不要用数字开头（有的浏览器不认）。
标签中的class属性如果有多个，要用空格分隔。
通用选择
后代选择器（子子孙孙）
外层设置属性 里层通用
原文：https://www.cnblogs.com/qj696/p/10792741.html