在小Tips的任何标准HTML页面中，第一行始终是以DOCTYPE ……开头的语句。 此行是文档声明标题DocType Declaration。 使用此选项卡可以指定用于浏览器文档的HTML或XHTML规范。 标准的div css页面使用的标签类型很少。 div p h1 span a img ul ol dl input不能在两个HTML页面上显示相同的id。 即使他们不是类型的。 例如，页面上有id为pp的p，id为pp的div，是违法的！ HTML超文本标记语言从语义的角度描述页面结构。 说到HTML的作用，只能从意义上考虑，绝对不能考虑方式
CSS级联样式表从美学的角度负责页面风格。
JS JavaScript从交互的角度描述页面的行为。
HTML CSS CSS基础
类选择器： class可以重复。 也就是说，多个标签可能属于同一页上同时存在的类。可以使用同一标签同时携带多个类。
1 )不要尝试使用类名写某个标签的所有样式。 这个标签请有几个类，共同制作这个标签的样式。
2 )每个类都尽可能小，有“公共”的概念，让更多的标签可用。
使用id还是class？
答：尽可能使用类。 除非在非常特殊的情况下可以使用id。
原因： id用于js。 也就是说，js必须通过id属性得到标签，所以在我css级别尽量不使用id。 否则js会有违和感。 另一方面，具有id的元素被认为具有动态效果。
就是一个标签，可以同时被多种选择器选择，标签选择器、id选择器、类选择器。这些选择器都可以选择上同一个标签，从而影响样式，这就是css的cascading“层叠式”的第一层含义。
CSS高级版
后代选择器，说明祖先的结构
继承性从自己开始，到达最小的要素。
层叠性：
权重问题总结：
1 )首先查看是否选中，如果选中，则按(id数、类别数、标签数)计算权重。 谁听谁说？ 如果一样的话，听了之后写的东西是正确的。
2 )如果未选择，则权重为0。 如果大家都是0，附近的原则。
块级元素和内联元素块级元素
如果不占用一行并设置与其他任何元素一起不可接受的宽度、高度宽度，则宽度默认为父亲的100%。 内联元素
不能与其他内联元素一起设定宽度、高度。 的默认宽度是字符的宽度。 在HTML中，我们对标记进行了分类。 分为文本级、容器级。
文本级别： p、span、a、b、I、u、em
油箱等级： div、h系列、li、dt、dd
CSS的分类与上面的相似，但对于p则不同：
所有文本级别的标记都是内联元素，除了p以外，p都是文本级别，但都是块级别的元素。
的容器级标签都是块级元素。
css有三种手段，使一个元素脱离标准的文档流。
1 )浮动
2 )绝对定位
3 )定位固定
浮动的基本性质
取消标记浮动元素
一个要素浮动后，可以并排排列，设定宽度的高度。 不管原来是div还是span。 浮动元素相互附着浮动的元素具有“字周围”效果
未设置width的浮动元素将自动缩小为文本宽度。 这与内联元素很相似。 清除浮动
漂浮方法1 :在漂浮元素的祖先元素上增加高度(加高法)。 只有有高度的箱子，才能关注浮动。 漂浮的要素只能被困在有高度的箱子里。 也就是说，如果箱子内部有浮动，这个箱子有高度，就妥当了，浮动不会相互影响。 但是在工作上，我们绝对不会给所有的箱子加高度。 这很麻烦，因为它不能适应页面的快速变化。 浮动方法2 :清除2:clear:both。 清除是指清除，both同时清除左浮子、右浮子。 意思是消除别人对我的影响(表示自己的内部要素不受其他箱子的影响)。 此方法有非常大的致命问题，margin已禁用。 浮动方法3 :清除隔板法。 在两个浮动要素之间建造墙壁。 隔开两个部分浮动，使后面的浮动要素不追赶前面的浮动要素。 墙壁把自己的身体当做了缝隙。 虽然隔墙法容易使用，但最初的div，还是没有高度。 如果我们现在想让第一个div自动根据自己的儿子，支撑高度，我们就要想出一些“把戏”、“奇妙的淫技”。
内壁法：漂浮的元素不能高支撑父亲。 内壁法的优点是，不仅可以使后部分的p不追赶前部分的p，还可以从高度支撑最初的div。 因此，该div的背景、框可以根据p的高度去除浮动方法4:overflow:hidden。 超出范围的内容都要隐藏。
一个父亲不能背对着自己漂浮着的儿子。 但是，让父亲overflow:hidden； 那样的话，父亲就会得到儿子的支持。 这是偏的。 这个属性的本意是隐藏溢出的箱子的所有内容。 但是，我们发现这可以用于去除浮动。 我们知道父亲不能支持自己漂浮的儿子，例如
果这个父亲加上了overflow:hidden；那么这个父亲就能够被浮动的儿子撑出高度了。这个现象，不能解释，就是浏览器的小偏方。并且,overflow:hidden;能够让margin生效。盒子居中
margin:0 auto;margin的值可以为auto，表示自动。当left、right两个方向，都是auto的时候，盒子居中了 1 margin-left: auto;2 margin-right: auto; //这两句简写未 margin:0 auto;注意：
1） 使用margin:0 auto; 的盒子，必须有width，有明确的width
2） 只有标准流的盒子，才能使用margin:0 auto; 居中。
也就是说，当一个盒子浮动了、绝对定位了、固定定位了，都不能使用margin:0 auto;
3） margin:0 auto;是在居中盒子，不是居中文本。
文本的居中，要使用 text-align:center;
4) margin这个属性，本质上描述的是兄弟和兄弟之间的距离； 最好不要用这个marign表达父子之间的距离。
所以，我们一定要善于使用父亲的padding，而不是儿子的margin。
以盒子为参考点：
子绝父绝、子绝父相、子绝父固，都是可以给儿子定位的。但是，工程上子绝、父绝，没有一个盒子在标准流里面了，所以页面就不稳固，没有任何实战用途。工程上，“子绝父相”有意义，父亲没有脱标，儿子脱标在父亲的范围里面移动。