随笔分类 -  css3代码之美

摘要：最近在网上看到很多transition写的效果，借鉴http://www.w3school.com.cn分享下代码，1.语法：transition: property duration timing-function delay;transition-property规定设置过渡效果的 CSS 属性... 阅读全文

摘要：最近接触到的css 伪元素觉得还算不错 分享下：1、清楚内盒浮动设置：.back_list ul{padding:12px 0 0 12px;zoom:1;}.back_list ul:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}/*清楚内盒浮动设置*/2、伪元素after设置，在元素之后添加内容：.afterxx{width:400px;height:200px; background-color:#999;border-radius:10px;margin:50p 阅读全文

摘要：无意之间发现左右侧布局很多技巧在里边，接下来分享下实例：左右测试文字图左右测试文字图左侧测试文字图 左侧测试 文字图左侧测试文字图左侧测试文字图text-indent:-999em; //隐藏文本的一种方法css IE6 下去掉 input等元素 的边框 border: 0 none; 所有浏览器都可以了outline: 5px solid #e3e3e3;（thick属性点点）加在边框之外的一层，轮廓线不会占据空间。 请用CSS来定义标签，要求实现以下效果：字体颜色再IE6下为黑色，IE7下为红色，IE8下为绿色，其他浏览器下为黄色。 注：带有粉色代码为左右布局关键词，此... 阅读全文

摘要：首先献上我学习网址 http://www.bootcss.com/lesscss.html 就是通过less.js的调用，更好的实现css样式布局，更简易化。最近看前端的职位要求需简单理解less之类的库，所以就先卖弄下学学。颜色值Lessp标签定义 a标签样式上下左右边框调用继承属性@color:#f00;@size:60px;@weight:600;@100px:100px;@10px:-40px;.pcon{color:@color;font-size:@size;font-weight:@weight;padding:@100px;margin:@10px;}.tit{ h1 {... 阅读全文