css3动画
css水平垂直居中
css三栏布局
多栏布局
媒体查询
css三角形
两端对齐
盒子宽度实验
...样式实现
toast提示
CSS3动画
每秒移动50px,左移100px
更改为动画1
更改为动画2
css实现水平垂直居中(容器高度固定)
水平居中的元素
高度固定,多行文字垂直居中
这里的文字用来做多行垂直居中对齐 这是第二行,本行是用图像的display属性:inline-block
用DIV+CSS实现三栏布局(左右固定200px,中间自适应)
main content
left content
right
多栏高度自动相等
左边,无高度属性,自适应于最高一栏的高度
右边,无高度属性,自适应于最高一栏的高度
中间,高度600像素,左右两栏的高度与之自适应
媒体查询
屏幕宽度小于600px时样式改变
header
sidebar
content
来源:
三角形产生器链接:
运用场景:(点击弹出层)
妨碍我们学习的不是未知的,而是已知的,尤其是那种略知一二的。
padding margin border影响宽度对比
让padding border的盒子宽高相同
adsf
adf
adf
..样式实现,兼容IE6+,火狐下显示有点小问题
原文:
...样式实现原理,1.固定长度(width);2.强制文字在一行显示(white-space);3.超出部分截取(overflow);4.文字超出部分添加...;(text-overflow)
调用样式后文本:
...样式实现原理,1.固定长度(width);2.强制文字在一行显示(white-space);3.超出部分截取(overflow);4.文字超出部分添加...;(text-overflow)
toast 提示
APP提示框架详解:Toast提示、Snackbars和Alert
点击出现 toast 提示