文章分类 -  CSS

上一页 1 2 3 下一页
处理字体溢出
摘要：/*ellipsis*/ .ellipsis { width:100%; display: block;; white-space: nowrap; /*文本不换行*/ -o-text-overflow: ellipsis; /* Opera */ text-overflow: ellipsis; overflow: hidden; /*不允许... 阅读全文
posted @ 2017-04-03 09:46 linyongqin 阅读(122) 评论(0) 推荐(0)
自适应新闻列表
摘要：兼容 IE7+，火狐，谷歌 阅读全文
posted @ 2017-04-02 12:18 linyongqin 阅读(301) 评论(0) 推荐(0)
前端工具库
摘要：***** HTML ***** => HTML5 PLEASE 参考资料： HTML5 Please：为HTML5与CSS3语法提供浏览器兼容性测试及使用建议 => html5shiv 参考资料: 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 HTML5 Shiv – 让该死的 阅读全文
posted @ 2017-04-02 10:17 linyongqin 阅读(180) 评论(0) 推荐(0)
CSS3前缀自动补全方案和插件
摘要：css3 please Autoprefixer:CSS3自动补全插件 参考资料： http://caibaojian.com/css3-prefix.html?wb 在Webstorm中使用Autoprefixer Webstorm实现css3自动加前缀prefix 阅读全文
posted @ 2017-02-23 10:41 linyongqin 阅读(615) 评论(0) 推荐(0)
Flex 布局教程
摘要：网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 阅读全文
posted @ 2017-02-14 15:20 linyongqin 阅读(197) 评论(0) 推荐(0)
Bootstrap响应式布局瀑布流
摘要：瀑布流最常用的插件莫属Masonry。它通过将不同高度的内容排列组合在最佳的位置，就像砌墙一样从上到下无缝的组合在一起。 Bootstrap是当下比较热门的web前端开发框架之一，通过引入Bootstrap，你可以很快的给你的项目做一个自适应的页面。 为什么需要Masonry 在某些项目中，我们可能 阅读全文
posted @ 2017-02-14 10:10 linyongqin 阅读(7773) 评论(0) 推荐(0)
Modernizr的介绍和使用
摘要：传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏 阅读全文
posted @ 2017-02-14 09:53 linyongqin 阅读(106) 评论(0) 推荐(0)
CSS 3 前缀识别码
摘要：-moz 代表火狐【firefox】内核识别码 -webkit 代表谷歌【chrome】/苹果【safari】内核识别码 -o 代表欧朋【opera】内核识别码 -ms 代表【ie】内核识别码 用法： 为什么要加识别码： 在标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来 阅读全文
posted @ 2017-02-13 22:09 linyongqin 阅读(219) 评论(0) 推荐(0)
css实现右侧固定宽度，左侧宽度自适应
摘要：反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。 这种布局比较常见，博客园很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边栏，而自适应的区域是主体内容区——相信把侧边栏搞成自适应的人很少吧？ 要实现这种布局，也算比较简单。我们先给出html 阅读全文
posted @ 2017-02-09 16:00 linyongqin 阅读(228) 评论(0) 推荐(0)
DIV+CSS规范命名大全集合
摘要：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广... 阅读全文
posted @ 2015-10-03 16:44 linyongqin 阅读(2067) 评论(0) 推荐(0)
前端课程
摘要：前端课程http://www.w3cplus.com/lessons.html 阅读全文
posted @ 2015-06-12 17:45 linyongqin 阅读(74) 评论(0) 推荐(0)
如何处理CSS3属性前缀
摘要：如何处理CSS3属性前缀 阅读全文
posted @ 2015-06-12 17:38 linyongqin 阅读(92) 评论(0) 推荐(0)
视窗单位 vs 百分比单位
摘要：视窗单位 vs 百分比单位CSS中如何使用视窗单位视区相关单位vw, vh..简介以及可实际应用场景 阅读全文
posted @ 2015-06-12 16:35 linyongqin 阅读(135) 评论(0) 推荐(0)
Iconfont-阿里巴巴矢量图标库
摘要：Iconfont-中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具链接：http://www.iconfont.cn/ 阅读全文
posted @ 2015-06-10 16:57 linyongqin 阅读(1803) 评论(0) 推荐(0)
整站灰度
摘要：body *{-webkit-filter: grayscale(100%); /* webkit */-moz-filter: grayscale(100%); /*firefox*/-ms-filter: grayscale(100%); /*ie9*/-o-filter: grayscale(... 阅读全文
posted @ 2015-06-07 09:17 linyongqin 阅读(97) 评论(0) 推荐(0)
GridView 自动换行
摘要：CSS/*table begin*/table{ border-collapse:collapse;border-spacing:0;}th,td{ margin:0;padding:0; }.tdLeftBg{ background:#EFEFEF; }.tbGvw,.tbDefault{ mar... 阅读全文
posted @ 2015-06-02 17:17 linyongqin 阅读(510) 评论(0) 推荐(0)
list-style 列表项目标记样式解决方案
摘要：list-style 简写属性在一个声明中设置所有的列表属性。可以按顺序设置如下属性： •list-style-type •list-style-position •list-style-image默认值： disc outside none/*reset*/list-style:none outs... 阅读全文
posted @ 2014-09-25 23:29 linyongqin 阅读(349) 评论(0) 推荐(0)
响应式与移动端系列
摘要：响应式与移动端(一)：万事俱备了吗？ 响应式与移动端(二)：了不起的百分比 响应式与移动端(三)：弹力十足的图文混排 响应式与移动端(四)：会变脸的媒体查询 响应式与移动端(五)：交互的过渡 阅读全文
posted @ 2014-08-19 17:12 linyongqin 阅读(132) 评论(0) 推荐(0)
css实现ie6下最大，最小宽/高度
摘要：-、最大宽/高IE6无法认读max-width,max-height属性，但IE支持自己javascript的属性表达,例如div{width:expression(250+"px")}和div{widt:250px}在IE 的认读中都是一致的！但是，如果在用户在浏览器禁用javascript，那么... 阅读全文
posted @ 2014-08-19 16:31 linyongqin 阅读(146) 评论(0) 推荐(0)
左边栏固定宽度，右边栏自适应
摘要：最小宽度.minWidth{min-width:970px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<970?"970px":"");}左边栏#left{ height:10... 阅读全文
posted @ 2014-08-18 17:39 linyongqin 阅读(124) 评论(0) 推荐(0)

上一页 1 2 3 下一页