2018.07.09学习总结
1.对html和css的初步认识
html是网页的结构，css是用来装饰网页的。
02.jpg
03.jpg
2.html的标签
主要标签有：h1~h6,p,img,br,input,button,a,ul,dl，div等
html常用标签.PNG
3.css
3.1css的4种样式
3.1.1元素选择器（慎重使用）
3.1.2.+classname{}选择器
一个标签可有多个类名，多个标签可有相同的类名
3.1.3#+idname{}选择器
3.1.4h1:hover{}选择器
4个样式.PNG
3.2css的常用属性
color:设置文字的颜色
width:设置一个元素的宽度
height:设置一个元素的高度
background-color:设置背景颜色
background-image:设置一个元素的背景图片
line-height:设置文字的行高
text-align:设置文字对其的方式
border-width:边框的宽度
border-style:边框的样式
border-color:边框的颜色
p:hover{color:blue}当鼠标移动到元素上时可以改变元素的css样式
4.盒子模型
盒子模型.PNG
盒子图片.PNG
5.样式重置
样式重置.PNG
*{margin:0;padding:0;} //注意：*不可少，}后面不能有；
6.padding
padding.PNG
7.margin
可实现居中
margin-top：10px;
margin-right:30px;
margin-bottom:10px;
margin-left:30px;
居中.PNG
8.border
border.PNG
border:1px solid red; //分别设置边框宽度 形状和颜色；
9.插件安装
添加插件 6个.PNG
10.快捷键及网址
10.1shift+alt+下箭头 快速复制
10.2shift+alt+f 格式化代码
10.3 https://color.uisdc.com/ // 里面有丰富的颜色可供选择
11. 完成2个作业 熟悉html和css的具体用法，技巧是熟能生巧，要不断加强练习。
