标签：
html标记内容，css显示内容。
html标记由一系列标签组成，包括闭合标签和自闭合标签，属性给标签提供了额外信息。标签可以嵌套。
标签分为块级别和行内级别，块级标签占一行（扩展到与父元素同宽），行内标签则相反，只有在空间不足才会折到下一行。
html实体表示键盘上没有印刷的字符，它以&开始，;结束。
dom层次可以使用父标签（直接祖先），子标签（直接后代），同胞标签，后代、祖先标签来表示。
html标签都有一组样式，通过css来设定。css选择符和要应用的样式构成了一条css规则。
css行内样式使用style属性来设置，嵌入样式使用在head标签中的style标签来设置，链接样式使用link标签来设置。如：style="xx:xxx"，style type="text/css"，link href="xx.css" rel="stylesheet" type="text/css"。另外javascript可以使用使用script type="text/javascript" src="xxx"来引入。也可以使用@import url(xxx.css)链接其他样式表。
css规则大概是如下这样子的：p {xx1:vv1; xx2:vv2}，也有h1, h2, h3 {xx1:vv1}，#id1 {xx1:vv1}，也有.c1 {xx1:vv1}，还有它们之前的拼组。
关于上下文选择符：基于祖先和同胞标签选择。 xx1 xx2 {...} xx1是xx2的祖先，才会选中xx2；xx1 > xx2 {...} xx1是xx2的父元素才能选中xx2；xx1 + xx2，或者xx1 ~ xx2，前者为紧邻同胞，后者为一般同胞；标签的class属性可以以空格填写多个；
关于属性选择符：xx1[xx2] {...}，或者xx1[xx2=xx3]
伪类分为UI和结构类别，如a:link a:visited a:hover a:active input:focus #more_info:target {...}都是UI伪类；:first-child :last-child :nth-child(n)都是结构化伪类；:first-letter :first-line :before :after都是伪元素；
后代元素会继承祖先元素能继承的css属性，元素也可能会应用多个不同来源的相同属性，那么多相同的css属性会层叠，权重大的属性将会被选中；计算权重使用I-C-E，如body p#id1 ul.mylist li，它的特指度为1-1-4，也就是114。
css属性值主要为三类：文本值，数字值，颜色值；solid dashed就是文本值；30px为绝对数字值，12% 6em 6ex为相对数字值；#ccc为颜色值。
块元素都有边框，内边距，外边距属性；垂直外边距之间会叠加，取最大值；外边距的左右单位可以使用像素，上下单位可以使用em这样的相对单位，如果不设置块元素的宽度，那么它的宽度值为auto（它的宽度和父元素同宽）；盒子的宽度是内容的宽度加边框再加内外边距。
没有宽度的块元素始终会扩展到父元素的宽度，添加水平border，内外边距，会导致内容的宽度减少，减少量等于水平border，内外边距；对有宽度的块级元素添加border，和内外边距，会导致块元素变得更宽，元素的宽度只是设定了内容区的宽度，而非元素占据的水平宽度。box-sizing属性可以让有宽度的元素具有默认的auto状态下的行为。
浮动一个元素，是在变向的要求浏览器把它占据往上推，直到它碰到父元素或者前面一般同级元素的内边界，后面的元素不认为浮动元素在文档流中位于它的前方，因而它会占据之前被浮动元素的位置。浮动非图片元素时，必须设置宽度，因为图片本身就有宽度。
如果几个相邻的元素都设置宽度，都是浮动的，而且水平空间也足以容纳它们，它们就会并列在一行。
围住浮动元素的3种方法：1、给父元素添加overflow:hidden属性，以强制包围浮动元素；这个属性的用途是防止包含元素被超大内容撑大。2、浮动父元素，使用width:100%与浏览器同宽，再给父元素的紧邻同胞设置clear:left，防止被提升上来。3、给父元素的最后添加一个非浮动的子元素，然后使用clear清除它，使用一个快捷的类.clearfix:after {content:"."; display: block; height: 0; visibility: hidden; clear:both;}
position属性有4个值：static relative（相对自己原来的位置，但是没有把它的位置从文档流中拿出来） absolute（相对于body来定位） fixed（相对于浏览器视口来定位），默认为static；
display属性可以取inline和block值，none值会让元素以及其子元素都不显示，占用空间会被回收；visibility属性的visible和hidden值可以让元素显示或者隐藏，虽然会隐藏，但是占用的空间位置依然存在。
背景图片叠加在背景颜色之上，前景色影响文本和边框。background-image: url(xxx.jpg)添加背景图片，改变默认的水平和垂直重复效果，可以使用background-repeat属性，改变背景图片的起点可以使用background-position属性；background-size可以缩放背景图片；background-attachment的scroll和fixed属性值控制滚动内容的时候是否也滚动背景图片；
标签：
原文地址：http://www.cnblogs.com/qscoding/p/4802318.html
