css2

行业元素看起来设置padding值左右两边生效，上下两边是不生效的，虽然看起来生效

css属性继承：

1.什么是CSS继承:

是指被包在内部的标签将拥有外部标签的样式性质

2-1哪些属性可以被继承:

color, cursor, font-family, font-size, font-style, font-weight, font, letter-spacing, line-height, list-style，text-align, text-indent

2-2哪些不能：

除了上面的，其他都不能呀，傻瓜！

CSS块级元素和行内元素

块级元素

块级元素特点：

1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。
2.元素的高度、宽度、行高和顶底边距都是可以设置的。　　
3.元素的宽度如果不设置的话，默认为父元素的宽度。

块级元素有哪些：

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

行内元素

行内元素特点：

1.可以和其他元素处于一行，不用必须另起一行。
2.元素的高度、宽度及顶部和底部边距不可设置。
3.元素的宽度就是它包含的文字、图片的宽度，不可改变。

行内元素有哪些：

<img>、<input>、<td>、<heda>、<meat>、<title>、<lable>、<span>、
、<a> 、<style> 、<em> 、<b> 、<i> 、<strong>

font-family:使用uniconde来表示
escape('xxx'),把%u改成\

chorme最小字体解决方案：
设置
css3属性放大缩小

word-spacing:中文字之间的距离

letter-spacing：英文和符号之间的距离

text-align:左右对其，其实是不出现折行，均匀拉开

单号文本溢出加...

white-space:nowrap;      //不折行
overflow:hidden;      //溢出隐藏
text-overflow:ellipsis;      //当文本溢出后变成...

百分比单位：宽高，文字大小，line-height,position

隐藏or透明:

opacity:0;透明度为0，整体
visibility:hidden;和上一个相似
display:none；消失，不占用位置
background-color:rgba(0,0,0,0)

单位：

px：绝对单位，页面按精确像素展示
em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。
vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。
vmin：vw和vh中较小的那个。
vmax：vw和vh中较大的那个。

CSS优先级计算：

第一优先级：无条件优先的属性只需要在属性后面使用！important。它会覆盖页面内任何位置定义的元素样式。
第二优先级：在html中给元素标签加style，即内联样式。该方法会造成css难以管理，所以不推荐使用。
第三优先级：由一个或多个id选择器来定义。例如，#id{margin:0;}会覆盖.classname{margin:3pxl}
第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;}
第五优先级：由一个或多个类型选择器定义。如div{marigin:6px;}覆盖{margin:10px；}
第六优先级：通配选择器，如{marigin:6px;}