CSS重温加固笔记

慕课链接：https://coding.imooc.com/class/chapter/164.html
暑假第一步：因为好久没弄前端的东西了，先系统温故下知识，别说还真有新收获

基础知识

设配移动端的第一步：

在header里面加上**“viewport”**

1	<meta name="viewport" content="width=device-width, initial-scale=1.0">

HTML 相关需要关注的点

<button type="button">普通按钮</button>
<button type="submit">提交按钮一</button>
<input type="submit" value="提交按钮二"/>
<button type="reset">重置按钮</button>

HTML版本迭代

新的HTML5的新增语法：http://h5o.github.io/ 可以像看大纲一样看

验证网站：https://validator.w3.org/check

<!--在XML中-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
<!--在HTML5中-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />

HTML分类

会不会独占一行：块级 block — inline-block — 行内 inline

HTML嵌套关系

块级元素可以包含行内元素的
块级元素不一定能包含行内元素的
“行内元素一般不能包含块级元素” <a>可以包含块级元素
引入CSS Reset 来重置浏览器带来的样式
1. https://meyerweb.com/eric/tools/css/reset/
2. https://clarle.github.io/yui3/yui/docs/cssreset/
3. ```
<style>
    *{
       margin:0;
       padding:0;
     }
</style>
```
4. https://necolas.github.io/normalize.css/