CSS学习第三天
1、CSS用户界面样式
2、vertical-align
对块级元素无效!!!
3、溢出文字处理
只有先添加强制一行显示才可以使用这个!!!
4、CSS精灵技术(sprite)
使用
注意往上走是负的
一般使用方法:给宽高,然后指定精灵图,然后输入坐标。(精灵图是背景而不是插入图片)
制作精灵图
5、字体图标
注:可以直接在上面网址下载需要的字体图标。
6、滑动门
不给宽度用padding撑开,一个左对齐一个右对齐。
7、伪元素详解
8、过渡效果(CSS3)
一般和hover搭配使用。谁做动画给谁加过渡。
前两个属性必须写。
如果放到hover里鼠标拿走之后没有过渡动画。放上去的动画效果相同。
如果所有属性都变化:可以用all。(变化的属性是hover里面的(或者是别的改变后的元素不局限于hover))
9、transform
10、3D变形 transform
11、CSS3动画 animation
动画名称是自定义的
infinite:无限循环。
结束~