--------------------------0815-----------------------------------
1、img,input{ vertical-align:bottom} 这个是设置垂直居中的
2、.pic2{ background-position:0 -30px;}
.pic3{ background-position:0 -60px;}
.pic4{ background-position:0 -90px;} 首先背景先放张图片,然后再调其位置。 (适用于精灵图的使用)
3、background : 颜色 背景图 no-repeat 放的位置坐标(先水平,后垂直)
4、div a{ color:inherit; border:inherit;} 继承问题,主要在这里加上inherit,就可以继承父类的属性。
5、em表示斜体,有强调的意思, em表示两个字宽 b加粗 u下划线 i斜体 (bui)
注意:圣杯布局 (用5个标签 左右两个,然后中间要有两个 ,记得用margin-left:-100%; 让它陷进去。先确定好中间那一块。)
---------------------------0816-----------------------------------
6 position: absolute; 绝对定位(子绝父相)。 relative相对定位 。fixed 固定定位
7、盒子居中问题:① position:absolute; left:50%; top:50%; margin-top:-100px; margin-left:-100px;
②position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;
8、背景属性尺寸 background-size:contain;(尽可能显示) background-size:cover;(完全覆盖)
9、背景起源 background-origin:border-box; background-origin:content-box;
10、背景裁剪属性 background-origin:content-box; background-clip:padding-box;
11、背景模式:background:url(images/bg.jpg); background-attachment:fixed; 固定定位
12、多背景模式 :background: url(images/110.jpg) no-repeat 0 0 , url(images/110.jpg) no-repeat left bottom; 这里要记得这样写
13、滑动门技术: 用4个标签div 要把最大的div、还有中间的div 的width设置为auto;
注意 滑动门技术
14、选择器??????????
15、个数刷选数
16、hover的使用,值得注意的就是 hover的使用要在有父级、子级之间的。同级之间的使用没有效果。
17、before、after ,使用的时候是通过css在前边添加或者后边添加,不过要配合content来使用。如果是图片的话,记得边长行内快
inline-block
18、投影属性 box-shadow: x y 25px red inset; (表示投影的位置 :x表示水平,y表示垂直)。 text-shadow:x y 10px gray;
19、水平居中:text-align、 auto 垂直居中: ling-height:行高;
20、transition: all 3s 配合hover来使用的
注意:手风琴的制作。。。重点
21、手风琴制作步骤:div>ul>li 记得在div中设置overflow;
22、延时执行 transition:all 3s ease-out; transition-delay:3s;
---------------------------0818-----------------------------------