这是我参与【第四届青训营】笔记创作活动的第一天
html常用标签
标题：
body内h1,写错，右键检查，左上角小箭头Elemens可查看，可修改
注释:<!--ceshi--> 快捷键ctrl+?
容器标签div不带展示效果
ul 标签不单独用和li一起用，序号为点
ol 标签不单独用和li一起用，序号为数字
<a href="百度链接，可直接跳转">百度</a>
<img src="图片链接">找到图片，右键检查复制链接
文本框 <input type="text">
按钮框，可点<button>按钮</button>
<span>文字</span>
<p>段落</p>
<i></i>斜体
<b></b>加粗
行元素和块元素：
div，h1,ul,li,p块元素
span，i,b行元素
标签选择器：
<style>标签{color:颜色}</style>
id选择器： #box{color: ;}
内联样式： <div style="color:green" class="div1" id="box">world</div>
*选择器：控制文档内所有元素
类选择器：class="类名" 允许重名
选择器优先级
*选择器0 < 标签选择器10 < 类选择器 100< id选择器 1000< 内联样式10000< ！important
(!important最高)
后代选择器：可通过后代选择
组合选择器叠加使用，优先级可累加（不可跨级，同级间累加和大于）
子代和后代：
父代>子代{}可控制，父代>后代，无法选中
父代 （空格） 后代{}可控制
设置背景色： 类名{
width: 100px;（宽）
height: 100px;（高）
background-color: red;（背景颜色）
margin:100px;(位置改变)
}
补行块元素：
行元素大小按内容字撑开，不支持长宽控制，外边距只有左右无上下
块元素受长宽控制
行块元素 img的回车符（相当于一个字）可导致两个图片中空隙<img src="">
<img src="">连着写可消除
设置类 类名{font-size: 0;}也可
盒子模型：
border：px solid 颜色(边框）
padding：内边框
box-sizing: border-box;怪异盒模型将标准盒模型改变
css缩写：
margin-top/left/right/bottom上/左/右/下外边距
margin：A B C D；上右下左，若值为0，不写px；
margin：A B；A上下，B左右
margin：A B C;A上，B 左右，C下
boder:px solid color:;
border-width/style/color:;
/* border: 5px solid black;
border-width: 5px;
border-style: solid;
border-color: black;
*/
