2018-06-19

A.今天学到什么

1.什么是HTML和CSS

HTML负责网页的结构，CSS负责修饰

2.常用的HTML标签

h1~h6,p,div,a,input,button,ul,li,dl,dt,dd

3.常用的CSS样式

• 3.1CSS基本语法

//HTML
<p>hello world</p>

//CSS
<style>
    p{color:red}
</style>

3.2常用的选择器

//HTML
<p class="one" id="two">hello world</P

//CSS
//元素选择器
p{}
//class选择器
.one{}
//id选择器
#two{}

• 3.3盒子模型

图片1.png

• 3.4实现元素水平居中

//元素居中仅仅针对块元素有效
margin-left:auto;
margin-right:auto;

• 3.5常用的CSS样式

color:设置文字的颜色
width:设置一个元素的宽度
height:设置一个元素的高度
background-color:设置背景颜色
background-image:设置一个元素的背景图片
line-height:设置文字的行高
text-align:设置文字对其的方式
border-width:边框的宽度
border-style:边框的样式
boeder-color:边框的颜色
p:hover{color:blue}当鼠标移动到元素上时可以改变元素的css样式

B.今天没掌握的

• 今天学的还是比较基础的，所以都掌握了，而且之前在大学里也学过html和h5，虽然不能算精通，但学习会比较轻松。