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.盒子模型
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