当前目录: css3基础教程
css计算宽度calc()

2016年3月16日  css3基础教程,前端资源   

css3 计算 宽度 并行 并排 如果一行上有3个DIV,其中2个DIV宽度固定,另一个宽度自适应,为了让3个DIV并行,另一个DIV宽度自适应改变才行。 用JS可以控制感觉有点多余,用CSS3属性可以完成例如: width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);  

box-sizing: border-box自动计算内边距、外边距

2016年3月16日  css3基础教程,前端资源   

css3 自动 计算 边框 内填充 外边距 并行 在做手机页面布局是总不会把页面宽度做死,都是使用百分比来控制,并且让多个div并排在一行上。   这时候如果在某一个div中使用margin或者padding就会错行。 如果在加了margin和padding的div中加上 box-sizing: border-box 就会自动重新并行

css中、英文强制换行或者不换行

2016年1月2日  css3基础教程,css基础教程,前端资源   

1. word-break:break-all;只对英文起作用,以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据 3. white-space:pre-wrap; 只对中文起作用,强制换行 4. white-space:nowrap; 强制不换行,都起作用 5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)     代码: .p1{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/ .p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/ .p3{white-space:pre-wrap; width:150px;}/*只对中文起作用,强制换行*/ .p4{white-space:nowrap; width:10px;}/*强制不换行,都起作用*/ .p5{white-space:nowrap; ...

css3移动端switch

2015年6月23日  css3基础教程,前端资源   

css3 手机移动端 switch 开关切换按钮 switch

loading css

2015年6月15日  css3基础教程,前端资源   

http://www.cnblogs.com/lhb25/archive/2013/12/28/loading-spinners-animated-with-css3.html http://connoratherton.com/loaders loaders.css.min