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.盒子模型
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.关于块元素宽高的算法
例子:
B今天掌握的内容
1.常用html标签的使用方法
2.css常用选择器的使用方法
3.如何使用常用css样式修饰html
4.盒子模型的理解和运用
5.计算块元素的宽高
C还未掌握的内容
无