CSS分类下的博客

你必须使用的8个Sass mixins

piaoling  2015-05-13 12:33:34

Sass mixins是一种一次定义到处使用的代码块,你可以将它想象为编程语言中的函数。一个mixin可以有多个参数,并且可以将这些代码内容输出为CSS代码。它非常适合于编写干净整洁的自定义CSS代码。 Sass mixins是一种一次定义到处使用的代码块,你可以将它想象为编程语言中的函数。一个mixin可以有多个参数,并且可以将这些代码内容输出为CSS代码。它非常适合于编写干净整洁的自定义CSS代码。 在网上已经有一些可以使用的mixin库......

类别 :  CSS(6)  |  浏览(1474)  |  评论(0)

CSS3 Media Queries

piaoling  2014-03-14 11:41:40

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/print.css" rel="stylesheet" type="text/css" media="print" /> 或者这样的形式: <style type="text/css" media="screen"> @import url("css/style.css"); </style> 不知道大家留意没有,其中两种方式引入CSS样式都有一个共同的属性“media”......

类别 :  CSS(6)  |  浏览(1178)  |  评论(0)

火狐长文字换行

piaoling  2011-04-27 12:06:09

IE下换行很简单 1 2 3 4 .table1 td{     word-break: break-all;     word-wrap: break-word; } word-wrap: normal  Default. Content exceeds the boundaries of its container. break-word Content wraps to next line, and a word-break occurs when necessary. word-break: normal  Default. Allows line breaking within words. break-all ......

类别 :  CSS(6)  |  浏览(1128)  |  评论(0)

分析项目:html5中mark标签,CSS3中column,grid.

piaoling  2011-04-26 18:33:34

分析项目:html5中mark标签,CSS3中column,grid. 各浏览器支持情况 Tips: 目前没有任何浏览器支持grid,不方便演示与测试,详细介绍可在 http://dev.w3.org/csswg/css3-grid/上查看。   mark column Chrome 8.0 OK Partially Firefox 3.6 partially(can identify but no highlight) Partially Opera 11 partially(can identify but no highlight) NOK Safari 5.0 partially(can identify ......

类别 :  CSS(6)  |  浏览(1460)  |  评论(0)

css圆角

piaoling  2011-02-01 23:52:52

用图片: 1,用圆角图片做背景。缺憾是不能自适应宽度和高度,而且需要修改颜色的话就需要修改图片的颜色。 2,用上下两张图片做背景,上面的圆角用一张图片,下面的也用一张图片,可以自适应高度。而宽度就取决于该张图片的宽度。 3,用四张图片。上下左右四个角分别用四张图片,可自适应高度和宽度。 以上讲的三种方法处理图片的时候在图片的外围小三角区域都填充网页的背景色,这样才能显示圆角。 纯CSS实现圆角: 这个就比较不方便......

类别 :  CSS(6)  |  浏览(1842)  |  评论(0)
  • 1
  • Page:1/1  6 Blogs
    <<
    >>
    20088
    周日 周一 周二 周三 周四 周五 周六

    文章分类