今天所学内容
1.HTML and CSS
1.1常用html标签
<a></a> //链接标签
<div></div> //分区
<h1></h1> //标题标签(h1~h6)
<img></img> //图片标签
<ul></ul> //无序列表标签
<li></li> //列表项
<dl></dl> //定义列表
<dt></dt> //定义术语
<dd></dd> //定义描述
1.2css样式
width //设置宽
height //设置高
color //字体颜色
background //背景颜色
font-size //字体大小
text-align //设置字体对齐
line-height //行高在文本中垂直居中
1.3css选择器
1.元素选择器: xxx{}
2.class选择器: .xxx{}（）
可以多个标签相同的class名
可以给一个标签多个class名
3.id选择器: #xxx{}
每个id名是唯一的
4.伪类选择器: .xx:hover{}
1.4样式重置
*{margin:0;padding:0;}
1.5盒子模型
margin //外边距
padding//填充
border //边框
top right bottom left //上下左右四个边
2.用谷歌调试网页
2.1步骤
1.按F12打开调试
2.单机左上角箭头
3.选中你要调试的内容
4.选中数值用上下按键调试
01.png
02.png
03.png
04.png
