CSS常识(不定期更新)

• 标签具有继承父元素样式的能力。
• text-align为对文本的布局。所以其它的标签为单位上的布局就不能用这个了。要用marging布局等。默认是left布局。其中text-align:inherit;的意思是说样式text-align向上继承父元素的text-align的样式，但是不是所有样式都能够继承，比如说border就不能够继承。然而设置text-align:inherit;并不会起到什么用，因为css的样式默认就是向下继承的。
• 当子元素继承多条样式的时候会按照就近原则继承。
• 设置字体时font-family:宋体;时，当你设置了很炫酷的字体样式时，要注意虽然你的电脑支持，但是别人的电脑不一定支持。
• 想要文本左右对齐，即一个文本div中不要出现锯齿状的现象。可以用text-align:justify;text-justify:distribute-all-lines; 其中justify是两端对齐的意思。
• html引入css样式常用有三种方法。内联引入(即行内写css样式)，嵌套引入，外部引入(link)。
• 使用font-size时，长度单位有很多，但是可以被分为绝对大小和相对大小。绝对:px,cm,mm等，相对大小:em,%等。但是这不就和量我们身高差不多吗??我们的身高一样可以是多少m，多少cm,mm等，然而我们一般量上高时却用的是m，所以在这里也一样，用我们平常都在用的就行了。一般中国喜欢用px度量字体大小。字体默认大小是12px。
• css常设置的样式：字体、文本、边框、背景、列表、位置、布局、其它。
• font-family;(字体,可以设置多个用“,”号隔开)
• font-size;(默认12px)
• color(文本颜色)
• font-weight;(属性值可以是数字如font-weight:800;常用是bold、还有bolder特粗体，其实和bold看着没区别，800是粗体，400是正常)
• font-style;(常用属性italic斜体、normal正常、oblique这也是一种斜体)
• text-decoration(常用属性：underline下划线、line-through中划线、overline上划线、none划线，常用于a标签去划线、blink用于定义闪烁，但是定义了没效果,因为现在都什么年代了，还支持这种东西吗？？)
• text-transform; transform是改变的意思(用于定义英文，中文不支持。属性有capitalize 首字母大写、uppercase全部大写、lowercase全部小写。)定义首字母一般用选择器:first-letter;
• text-align 是文字段落水平对齐设置，属性有:left、center、right、justify(两端对齐)
• text-align 对于inline-block属性的标签有用，如图片，字符，还有设置了display:inline-block的标签，如div。还有要注意一点text-align是对于标签内元
  素的布局，也就是说要把这个属性设置在父标签中才能对子标签有效果。在这里就可以对css样式可以分类，是作用于标签内还是作用于本标签。
• vertical-align是段落垂直对齐，有sub,super(即sup),top,middle,bottom;text-top,text-bottom几个常用布局属性。
• vertical-align 也是对于inline-block类型的元素才有效。但是vertical-align中的属性top,middle,bottom也非常厉害，能对div进行轻松布局，前提是要对div设置display:inline-block;并且vertical-align是设置在要进行居中的div或者其它标签上，如果把这个属性写在了父标签中是没有效果的，还有一点得注意父标签的高度必须是由line-height撑开的，不能直接设置heigth:200px，否者设置了vertical-align:middle进行居中是没有效果的，并且最重要一点如果想要撑开div标签等容器就必须要在div中放一些东西，否者div是不能够被line-height所撑开的。然后text-top，text-bottom的意思是对于父元素中有图片和字体时，这两个属性就是设置图片的布局样式的，要在img中设置。 然后还有两个属性,sub,super两个属性，分别是上标和下标。一般是设置字体。
• 表格td,th,table有边框，而tr没有边框。
• letter-spacing是字体或字母之间的距离，如letter-spacing:10px;
• word-spacing是单词之间的距离，但是原文单词之间的距离要打空格才能有效果。
• line-height是设置行高的，display的属性不能为inline，能够设置一段文字或者行内标签。比如设置一段文字line-height:200px; 那么文字的最上方到最下方的距离就是200px，即设置一行的高度。就是行高了。然后因为一段文字或行内元素等，默认垂直方向是居中的，所以可以适当调整行高让一段文字或行内标签垂直居中显示。
• line-height 是对p标签、div或者文本设置行高,display的属性不能为inline,(对文本设置行高有居中效果，但是它的本质和设置p标签一样，读者可以尝试设置p标签的border看看，同时设置行高),对图片设置这个属性是没有作用的，行高的作用是对p标签或者div进行撑开一定高度。行高是一行的高度。最重要一点如果想要撑开div标签等容器就必须要在div中放一些东西，如放一些文本、inline-block标签，否者div是不能够被line-height所撑开的。如果子标签不是inline-block而是其它的如block的话，div也是不能被撑开的(貌似displaly:inline也能被撑开但是如果子标签是容器的话，那就没意义了，因为容器要设置大小)。(直接写文本并且line-height的高度为div高度时起到的居中效果是因为文字默认就是vertical-align:middle;的)。前提属性也必须为inline-block;，否者设置line-height是不能撑开当前容器，当前行或者当前标签要设置行高时，是把这个属性写在当前标签中。注意在很多时候，子标签的行高是不会撑开父标签div的。所以想要用子标签的行高去撑开父标签div是行不通的。
• 注意：当你无法使用line-height进行居中对齐时，那么一定缺少了这一点，就是设置vertical-align:middle;因为文本的默认垂直布局就是居中，即vertical-align:middle，前提父标签是由line-height撑开的，不能直接设置高度，否者没有居中效果;
• text-align(目标是父元素的子元素)、vertical-align(目标是当前元素)它们的目标必须为inline-block，否者就不能起到效果。
• line-height的display随便设置block，inline-block都可以但是不能为inline因为inline不能设置大小。
• 如果设置不来行高实现居中效果时，还可以用position或者float进行居中布局。
• 当然line-height除了用来实现居中外，也可以用来设置每行文本的高度。
• text-indent:缩进方式，属性为数值。一般px为单位表示第一行缩进多少个px像素点。
• white-space:排版方式设置，属性值可以是:normal,pre(只保留原格式，当越过了屏幕还会强制不会换行，一直在当前行输出。结果就是出现滚动条),nowrap,pre-wrap(保留原格式的同时自动能够换行),pre-line(合并空白符序列，但是保留换行符。’\n’就是换行符)。pre表示原样输出，normal为正常。nowrap为强制不换行，但是如果遇到了<br>换行标签还是会换行的。
• 在white-space属性值里面，如果有<br>或者其它的样式的css还是会解释的。并不会原样输出。要想有<>等符号输出得用转义符。
• text-align的作用对象是行内元素，才有效。而marging:100 auto;进行居中时，它必须是块级元素。