松落

1.定位positionrelative 元素开启相对定位：如果不设置偏移量元素不会发生任何的变化,当元素开启了定位以后，可以通过偏移量来设置元素的位置。（top,bottom,left,right）设置后它的位置只会影响自己，不会影响别人，不存在把别的块元素挤下去。相对定位是参照于元素在文档流中的位置进行定位的。相对定位会提升元素的层级。4.相对定位不会使元素脱离文档流，相对定位不会改变元素的性质。absolute 元素开启绝对定位：如果不设置偏移量元素的位置不会发生变化。元素会从文档流中

1.盒子的大小默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定。box-sizing 用来设置盒子尺寸的计算方式（设置width和height的作用），可选值如下：content-box 默认值，宽度和高度用来设置内容区的大小。border-box 宽度和高度用来设置整个盒子可见框的大小2.轮廓阴影box-shadow 用来设置元素的阴影效果，阴影不会影响页面的布局。第一个值 水平偏移量。第二个值 垂直偏移量。第三个值 阴影的模糊半径。第四个值 阴影的颜色。举例：box

reset.csshtml, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,

1.常用选择器id选择器 作用：根据元素的id属性值选中一个元素；语法：#id属性值{ }；例子：#box{ }。类(class)选择器 作用：根据元素的class属性值选中一组元素，可以同时为一个元素指定多个class属性，用空格隔开；语法：.class属性值{ }；例子：.box{ }。通配选择器 作用：选中页面中的所有元素 语法：* 。元素选择器 作用：根据标签名来选中指定的元素；语法：标签名{ }；例子：p{ }。2.复合选择器交集选择器 作用：选中同时符合多个条件的元素；语法：选

1.实体在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格。在HTML中有些时候，我们不能直接书写一些特殊符号，比如：多个连续的空格，比如字母两侧的大于和小于号。如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）。实体的语法： &实体的名字;  空格 >大于号 <小于号2.meta标签meta主要用于设置网页中的一些元数据，元数据不是给用户看的。charset 指定网页的字符集。

前言      本篇通过不断给网页里添加元素，最后制作成一张比较满意的网页来带领大家一起学习HTML，若有疏漏，欢迎大家批评指正。1.什么是HTML？      在介绍具体html标签之前，先来简单介绍一些概念。HTML是用来描述网页的一种语言。HTML指的是超文本标记...