A今天学习内容

1.html常用标签

div 盒子标签

p 段落标签

ul li 无序列表标签

a 超链接标签

h1~h6 标题标签

img 图片标签

input 输入框标签

button 按钮标签

dl dt dd 定义标签

2.常用的css样式

background-color 背景颜色；
background-image 背景图片；

color 文字颜色

width 元素的宽度

height 元素的高度

line-height 文字的行高

text-align 文字的对齐方式

boder-width 边框的宽度；
boder-style 边框的样式；
boder-color 边框的颜色；

padding 元素边框与元素内容之间的空间

margin 边框与盒子之间的空间

3.CSS常用选择器

<p class=" " id=" ">文本</p>

p{} 元素选择器

p.one{}class选择器

p#two{}id选择器

p：hover{}伪类选择器

4.盒子模型

盒子模型.jpg

margin-left：auto和margin-right：auto使块元素居中，仅对块元素有效

5.margin和padding与盒子距离的不同表示

margin：10px  上下左右都是10px；
margin：10px 20px  上下10px，左右20px；（上下  左右）
margin：10px 20px 30px  上10px，左右20px，右30px；（上  左右 
 下）
margin：10px 20px 30px 40px  上10px，右20px，下30px，左40px；（上右下左，顺时针）

padding同margin

6.关于块元素宽高的算法
例子：

实例计算.PNG

B今天掌握的内容

1.常用html标签的使用方法
2.css常用选择器的使用方法
3.如何使用常用css样式修饰html
4.盒子模型的理解和运用
5.计算块元素的宽高

C还未掌握的内容

无