（有一些昨天忘了说的先补上，以后想到什么再补什么吧）
一、表单元素
<form></form>表单
name=“定义表单名”
method=“get/post” 传输方式
action=“请求地址”
<input type=“表单元素类型” />表单元素
text 单行文本框
password 密码输入框
submit 提交按钮
reset 重置按钮
二、Css简介
Css (cascading style sheets) 层叠样式表,WEB标准中的表现标准语言, 简单说就是如何修饰网页信息的显示样式。(毛胚变精装)
目前推荐遵循的是W3C发布的CSS3.0
1998年5月21日由w3C正式推出的css2.0
三、样式表创建
内部样式表
<style type=“text/css”>
Css语法
</style>
注:使用style标记创建样式时，最好将该标记写在<head></head>
外部样式表
<link rel=“stylesheet” type=“text/css” href=“路径” />
@import url(路径);
内联样式表(嵌入式，行间，行内)
<div style=“height:100px;background:red;” ></div>
link和import区别
1、老祖宗的差别：
link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS。
2、加载顺序的差别：
当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。
3、兼容性的差别：
@import是CSS2.1提出的，所以老的浏览器不支持，@import只t在IE5以上的才能识别，而link标签无此问题。
4、使用dom控制样式时的差别：
当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
四、Css语法
选择符{属性:属性值;属性:属性值;}
例：
div{width:200px;height:100px;background:red; }
1）每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值
2）属性必须放在花括号中，属性与属性值用冒号连接。
3）每条声明用分号结束。
4）当一个属性有多个属性值的时候，属性值与属性值用空格分隔。
5）在书写样式过程中，空格、换行等操作不影响属性显示。
扩展：
html注释符
css注释符 /注释内容/
五、样式表的优先级
内联样式表的优先级别最高
内部样式表与外部样式表的优先级和书写的顺序有关，后书写的优先级别高。
六、Css选择器
选择器就运用不同是手段来选择特定元素的方法
元素选择符(类型选择符)
通配符
id选择符
class选择符
群组选择符
后代选择符
伪类选择符
1、元素选择器/类型选择器 (选择某一类元素如：div)
元素名称{属性:属性值;}
说明：常用来重置样式，作为默认值去使用。
2、通配符(就是选择所有元素)（为*号）
- {属性:属性值;}
说明：通常不建议使用，因为选择的元素太多 影响效率
3、id选择符 (给元素添加id属性和id名)
#id名称{属性:属性值;}
说明：给唯一一个特定的元素设置样式
4、class选择符(给一个或多个元素添加class属性和相同的class名)
.class名称{属性:属性值;}
说明：给一个或多个特定的元素设置样式
5、群组选择符
选择符1,选择符2,选择符n {属性:属性值;}
例：div , .hehe , p , #top {background:red;}
说明：同时对多个选择符设置同一个样式 选择符与选择符之间用逗号分隔
6、后代选择符(最常用的选择器 用于选择后代元素)
选择符1 选择符2 选择符n{属性:属性值;}
例：#nav ul li {background:red;}
说明：缩小范围去选择元素 选择符与选择符之间用空格分隔
7、伪类选择符
a:link {属性:属性值;} 初始化状态
a:visited {属性:属性值;} 被点击后的状态
a:hover {属性:属性值;} 当鼠标滑过时候的状态
a:active {属性:属性值;} 当鼠标按下时候的状态
说明：伪类选择器只能给特殊的带有href属性的a标签使用 并且只有在特殊的条件下才会有效果
扩展尝试 选择符叠加
多个选择符可以叠加使用 例：一个div有id还有class
div#id.class {属性:属性值;}
小扩展：
margin:0 auto; width:数值px;
能让块元素居中的属性
转载：https://blog.csdn.net/weixin_45552104/article/details/101032559