day2

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的具体用法，技巧是熟能生巧，要不断加强练习。