A我学习到了什么
1HTML和CSS是什么?以及是什么?
1.HTML是结构,CSS是修饰
2.<body>//开始标签</body>//结束表
3.常用语义化:
div://块元素,
p://段落,
h1~h6:标题,
img//图片项,
input//对话框,
a//链接,
button//按键
4.套标签:
ul:无序列表,
li:列表描述;
dl:定义列表,
dt:定义术述,
dd定义描述
<ul>
<li></li>
</ul>
<dl>
<dt></dt>
<dd></dd>
</dl>
5.常用CSS的样式:
background-color:背景颜色;
background-image:背景图片;
color:颜色;
width:宽度;
herght:高度;
line-herght:行高;
text-aline:文本对齐方向;
border-width:边框宽度;
border-style:边框样式;
border-color:边框颜色;
//伪类选择器
p:hover{color:red;}光标移动到元素变色;
6.CSS常用选择器:
p{},元素选择器;
class选择器:.text{};
id:选择器;
伪选择器:p:hover;
重要选择器:!importinent;
7.盒子模型:
margin :边界;
border:边框;
padding:填充;
content:内容----块元素总宽度是所有的横纵和
元素居中:margin-left:auto;左边适应;
mergin-right:auto右边适应//仅仅针对块元素有效
margin和padding盒子距离设置
margin:10px;//四周相等
margin:10px 20px;上下,左右相等
margin:10px 20px 25px;上,左右,下
//以顺时针方向调整
padding:同理
B我掌握了些什么
1HTML和CSS是什么?以及是什么?
1.HTML是结构,CSS是修饰
2.<body>//开始标签</body>//结束表
3.常用语义化:
div://块元素,
p://段落,
h1~h6:标题,
img//图片项,
input//对话框,
a//链接,
button//按键
4.套标签:
ul:无序列表,
li:列表描述;
dl:定义段,
dt:定义描述,
dd定义称述
<ul>
<li></li>
</ul>
<dl>
<dt></dt>
<dd></dd>
</dl>
5.常用CSS的样式:
background-color:背景颜色;
background-image:背景图片;
color:颜色;
width:宽度;
herght:高度;
line-herght:行高;
text-aline:文本对齐方向;
border-width:边框宽度;
border-style:边框样式;
border-color:边框颜色;
p:hover{color:red;}光标移动到元素变色;
6.CSS常用选择器:
p{},元素选择器;
class选择器:.text{};
id:选择器;
伪选择器:p:hover;
重要选择器:!importinent;
7.盒子模型:
margin :边界;
border:边框;
padding:填充;
content:内容----块元素总宽度是所有的横纵和
元素居中:margin-left:auto;左边适应;
mergin-right:auto右边适应//仅仅针对块元素有效
margin和padding盒子距离设置
margin:10px;//四周相等
margin:10px 20px;上下,左右相等
margin:10px 20px 25px;上,左右,下
//以顺时针方向调整
padding:同理
C我没有掌握的
全部掌握了
webwxpreview.jpg
webwxpreview (1).jpg