css学习_笔记1

理解元素分为行内元素和块元素

width，height百分比都是相对其父容器高度计算

line-height作用：设置行高，当line-height与父容器高度一样时实现居中效果。

如果当前容器height没用明确（或是用百分比表示）。line-height：100%按当前容器类的子元素默认行高百分比计算。而不是按当前容器高度百分比计算。

如果当前容器指出了明确高度，line-height：100%按当前容器高度百分比计算。

magin：100%是按当前容器最大维度（height与width中最大者）计算。

margin可以用负值表示在原有的基础上减

background：url（） no-repeat;添加背景图片及其铺展方法

background-size:100% 100%;背景比例

position:fixed(相对html视窗)，absolute(相对html页面原点),relative(相对上一个文档流元素，不是相对其父容器)

-webkit-filterl:blur(13px)    滤镜效果：虚化（13p'x）

text-align:只对行内块元素起作用，对div，form等块元素都没用

opacity：透明度，1表示不透明，0表示完全透明

border: groove 1px  black;边框效果，groove样式，

border-radius: 15px;给边框添加半径为15px的圆角

background-color:rgba(80,80,80,0.9);背景颜色及其透明度

display: inline-block;将当前元素及其中的子元素转化成行内元素，

<hr>其实就是一个border。hr{border:none;border-top:2.5px solid green;}solid线段效果

vertical-align:水平方向对齐方式，只对行内快起作用，vertical-align的对齐是跟踪对齐，不只是简单的对齐

输入框文字与左边保留间隙解决方法：1.padding-left:10px 2.text-index:10px;

没写完的以后补充。。。。