第二天学习了css各种知道点，很多，很复杂，好像没记住，所以在这重新写一遍让自己好好记住
1：首先什么是CSS，就是层叠样式表，可以设置字体的大小，颜色，图片，边框，外在所有的东西
2：CSS有三种方式
一：内联样式：写在标签的style属性中，只在该标签生效，不方便使用
二：在head中，且在style中写，不同的html不方便使用
三：外部引入样式，新建一个css.exe文件，写好css样式，然后于原文件head中填写<link rel="stylesheet" href= " css文件名字">
3：css的语法
由选择器和一条或多条声明
属性和值用冒号分开，声明之间用分号分开；
h1 { color:red; font-size:14px;}
h1为选择器，color为属性，red为值， color:red则为一个声明，font-size:14px为第二个声明、
4：css书写规划
分行写是最好的办法啦
花括号和选择器之间一个空格
属性值后面的冒号和值之间保留一个空格。
5：驼峰书写法，大驼峰指的是首字母大写，后边也大写，小驼峰指的是首字母小写，后面大写，一般来说，都使用小驼峰吧，毕竟书写代码得规范，方便自己方便他人咯。
6：css类名选择器
（最前面有个点号） .类名 {属性1：属性值；
属性2：属性值 ；
}
一：类名可以自己起，一般用英文或者拼音，不能是中文和数字
二：长名可用-区分
三：类名要有意义，通俗易懂，
四：css规定的类名，按照规定来
7：css使用的类名
一：可以在class中加多个类名，用空格隔开
二：多类名的情况下，对于同一属性来说，后面类名的样式会覆盖前面类名的样式
8：css id选择器
id选择器前面有一个#号，也称为棋盘号或#号
#id名 {
属性名：属性值
}
ID相同的页面只能定义一个一样的，唯一的，class可以有多个
ID经常和js搭配使用
9：css通配符选择器
用*表示，单独使用时可以跟文档中的任何元素匹配
*{ margin： 0;}表示取消浏览器的默认外边距
10：css font-family 设置文字的字体系列
一：尽量使用浏览器默认字体
二：2个单词的用引号包括，单词中用空格隔开
三：优先使用左边的字体
四：body设置全局字体，任何标签都试用
五：计算机字体存储位置----操作系统安装盘windows/fonts
11：css font-size 设置字体大小，px 是像素
一：body字体改版全页面大小
12：css font-weight 设置字体粗细
一：normal是默认值
二：bold定义粗体字符
三：数字-定义由细到粗，400等于normal ，700等于bold
四：可以用normal取消加粗标签的加粗效果
13：css font-style 文本风格
一：normal为默认值
二：italic 斜体样式
三：可以让em斜体变正（em原始为斜体）
14：css font 字体复合属性
body{ font：font-style font-weight font-size}
例子：bc{ font:italic bold 12px/20px "宋体","微软雅黑"}
顺序不能换，用空格隔开
必须保留font-size和font-family，否则font属性不生效
15：css 文本对齐 text-align：center 水平方向位置
left：把文本排左边 right：右边 center：中间
16：Css 文本装饰 text-decoration 可以给文本加上划线，下划线，删除线
h1{ text-decoration：overline}
none：标准文本 underline：文本下一条线 overline：文本上一条线 line-through：穿越文本的线
17：Css文本缩进
p{ text-indent：10px}
em是相对单位，是当前元素的（font-size）1个文字的大小，2em就是缩进2个字符
18：Css line-height 行高
上间距
行高= 文本高度
下间距
19：Css在webstorm使用emment语法
一:html初始化结构编写=！+tab
二：ID 和class快捷键
一：div#test+tab= <div id="test"></div>
二：div.test+tab=<div class="test"></div>
20:子节点，兄弟节点
例子：div>ul>li>p +tab
=<div>
<ul>
<li>
<p></p>
</li>
</ul>
</div>
例子：div+ul+p+tab
=<div></div>
<ul></ul>
<p></p>
21：重复 div*5+tab=5个div
22：css伪类选择器-a标签的伪类
一：没有被访问过的链接 a：link{ }
二：鼠标已经点击过 a：visited{ }
三: 鼠标悬停 a：hover{ }
四：鼠标按下没有弹起 a：active{ }
23：css伪类选择器：focus选择器
一般情况下只有input标签才有，用于选取获得焦点的表单元素
例子
input :focus { color:red;}
可以更改input框中的样式（背景颜色，字体颜色等）
24：Css块级元素
一：可以独占一行
二：可以设置宽高
三：可以设置外边距（margin），内边距（padding）（内容和边框之间的距离）
四：默认情况下宽度自动填充父元素宽度
五：里面可以放内联元素和块级元素
25：css内联元素
常见的有 a，span，em，strong，i
一：内联元素不会独占一行，相邻的会排在同一行
二：不可设置宽高
三：可设置margin。padding，但只在水平方向生效
四：宽度随内容变化而变化
五：行内元素里面只能放行内元素
六：a里面不能放a标签
七：a里面可以放块级元素，但只有吧a设置成块级元素
25：css行内块元素
常见的有imh input
一：同时具有行内元素和块级元素特点
二：一行可以放多个
三：可以设置宽高
四：行内块元素直接有间隙
26：Css显示模式转换
块元素：block
内联元素：inline
行内块元素：inline-block
例子： 在style中 写入
a {
display： ；
}
当块元素中的内联元素获得悬停效果时候，想与块元素有一样的效果，则需把内联元素变成块元素线