![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
lion_nan
程序员之所以犯错误,不是因为他们不懂,而是因为他们自以为什么都懂。
展开
-
CSS(5)工具-reset
prefixfree.jsprefix是能将CSS3代码自动生成跨浏览器CSS代码的在线应用 prefixfree.js: http://leaverou.github.io/prefixfree/ 你只需要在你的.html文件中插入一个prefixfree.js文件(可以是文档任何地方),建议把这个脚本文件放在样式表之后。 添加这个脚本之后,使用CSS3的属性时,只需书写标准样式即可。但是这原创 2016-12-21 14:56:04 · 425 阅读 · 0 评论 -
CSS(4)-媒介查询,响应式布局, 弹性盒子布局
//打印和屏幕显示不同的字体和字体大小。@media screen { p.text{font-family:"Trebuchet MS", Verdana, sans-serif; font-size: 14px;}}@media print { p.text{font-family:"Times New Roman", Times, Georgia, serif;原创 2016-12-20 21:09:09 · 548 阅读 · 0 评论 -
Scss和其他优秀CSS框架
scss语法@import "01.scss";$blue: #fff0b3;$side: left;$width: 40px;.class1 { position: relative;}@mixin hello{ width:500px; height:300px;}@function double($n){ @return $n*2;}header{ bac转载 2016-12-22 10:03:54 · 814 阅读 · 0 评论 -
提升CSS的性能和效率
将小图片 合并为大图步骤:1指定图片 2、确定块级元素 3、指定宽高 4、background-position定位。提交的正式的css样式要修改名称。样式表,修改后改变名称,防止浏览器缓存,使用户不能浏览最新改变的网址。(每次提交要修改名字)使用缩写border:1px solid whitebackground: white url(‘1.jpg’) no-repeat fixed 0 0转载 2016-12-22 11:02:44 · 564 阅读 · 0 评论 -
CSS查漏补缺
//从父类继承padding: inherit;//字母大写、小写,首字母大写h1 { text-transform: uppercase;} h2 { text-transform: lowercase;} .credits { text-trans转载 2016-12-22 21:02:48 · 379 阅读 · 0 评论 -
CSS(2)-背景、颜色、盒子阴影
背景 background: url('../img/backgroud.jpg') no-repeat; //不改变图像比例 -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: auto 100%; background-size: auto 100%;原创 2016-12-20 13:03:55 · 1917 阅读 · 0 评论 -
CSS(1)-浮动、定位、选择器和字体。
<!--[if !IE]><!-->出IE外都识别<!--<![endif]--><!--[if IE]>所有的IE可识别<![endif]-->属性前缀的排序{ -wekit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}对块级元素设置浮动之后,宽度会随着内容调整。万能的清除浮动的代码(浮原创 2016-12-20 10:50:35 · 437 阅读 · 0 评论 -
CSS(3)-动画
动画 //平移 -webkit-transform: translate(100px,100px); -moz-transform: translate(100px,100px); -ms-transform: translate(100px,100px); -o-transform: translate(100px,100px); trans原创 2016-12-20 18:46:38 · 454 阅读 · 0 评论