css部分笔记

css部分笔记 

left:100px;   | right:100px;
top:100px ;   | 
absolute:脱离原来位置进行定位，最近的有定位的父级的进行定位
 如果没有则相对于文档进行定位
relative：保留原来位置进行定位，相对于原来的位置进行定位
fixed  ：广告定位，在屏幕的固定位置

BFC改变渲染语法规则，解决margin塌陷的问题
position:absolute;
display: :inline-block;行级块级元素设置
float:left|right;浮动
overflow:hidden;溢出部分隐藏

float：浮动元素产生了浮动流
所有产生了浮动流的元素，块级元素看不到他们
产生了bfc的元素、文本属性的元素（inline）、以及文本元素都能看到他们

伪元素::before|::after     具有和其他属性一样的特性
用来解决浮动流：
div{
content:"";
clear:both;clear只对块级元素有效
display:onclick;
}
position:absolute;|float:left|right;
将在内部会自动设置display:onclick-block;

单行文本溢出解决方案：
white-space:nowrap;使文本不换行
overflow:hiddem;溢出部分隐藏
text-overflow:ellipsis;//若存在溢出则在文本末端打点

border-width:1px;边框厚度
border-style: solid;边框样式
border-color: red;边框颜色
border: 1px solid red;以上方式的简写

font-size:字体大小
font-width:bold；//加粗
font-style:normal//字体样式
font-fimany:Arial|Helvetica;//字体
color: red;字体颜色

text-align:center;//文本对齐方式
text-indent:2em;//段落间隔  1em = 1 font-size = 16px;
text-decoration: line-through;//文本划线，下划线中划线上划线（none无）
line-hight:1.2em;//文本行高

display: inline;改变元素的属性（行级元素inline、块级元素block、行级块元素inline-block）

cursor: pointer;//光标移动到此处显示小手