A我今天学了什么

1.常用的HTML标签

1.DIV盒子标签

2.p段落标签

3.h1~h6标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

4.ul.li列表标签
<ul>
  <li>
        </li>
</ul>

5.dl，dt，dd定义列表标签
dl:定义标签
dt、dd：定义描述
<dl>
        <dt></dt>
        <dd></dd>
</dl>

6.img图片标签

7.a 超链接标签

8.button 按钮标签

9.input 输入框标签

2.常用的css样式

1.color 设置文字颜色

2.width 设置一个元素的宽度

3.height 设置一个元素的高度

4.background-color 设置背景颜色

5.background-image 设置一个元素的背景图片

6.line-height 设置文字的行高

7.text-align 设置文字对齐方式

8.border-width 边框的宽度

9.border-style 设置边框的样式

10.border-color 边框的颜色

3 css常用选择器

1.p{}元素选择器

2.p.one{} class选择器

3.p#two{} id选择器

4.p：hover{}伪类选择器

4.盒子模型

image.png

1.元素居中margin-left：auto；margin-right：auto仅仅针对块元素有效

2.margin：10px；
//margin:上、右、下、左

margin：10px 20px
margin：上、下、左、右

margin：10px 20px 30px
margin：上 、左、 右、 下

margin：10px 20px 30px 40px
margin：上、右、下、左   顺时针方向

B我今天掌握好的地方

1.DIV盒子标签

2.p段落标签

3.h1~h6标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

4.ul.li列表标签

6.img图片标签

7.a 超链接标签

8.button 按钮标签

9.color 设置文字颜色

10.width 设置一个元素的宽度

11.height 设置一个元素的高度

12.background-color 设置背景颜色

13.background-image 设置一个元素的背景图片

14.p{}元素选择器

15.p.one{} class选择器

16.p#two{} id选择器

17.p：hover{}伪类选择器

18.margin：10px 20px 30px 40px
margin：上、右、下、左   顺时针方向

C我掌握不好的地方

5.dl，dt，dd定义列表标签
dl:定义标签
dt、dd：定义描述
<dl>
        <dt></dt>
        <dd></dd>
</dl>

2.input 输入框标签

3.line-height 设置文字的行高

4.text-align 设置文字对齐方式

5.border-width 边框的宽度

6.border-style 设置边框的样式

7.border-color 边框的颜色

8.margin 、 padding