今天所学内容

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