css
xuewufeifang
不懂PHP的管理者不是一个好猿
展开
-
什么是响应式Web设计?
开始第一篇。老规矩,先无聊的谈论天气一类的话题。十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡。话说两年前也是在国庆假期里开始做Joomla文档翻译的;长假好时光,总会可以抽出一两天,安静的窝在家里做做博客、学做些新东西,简直没有比这更舒心的事情。说正事儿。准备在近期的几篇里集中翻译学习一下“响应式Web设计”的相关话题,包括概念、实践方式、案例及观点讨论等方面。相比于转载 2013-02-01 19:16:49 · 1030 阅读 · 0 评论 -
MDM客户端截图
原创 2016-01-26 19:57:28 · 975 阅读 · 0 评论 -
响应式web css框架集合
响应式框架 GroundworkGroundworkCSS 是一个基于 Sass 预处理器的开源项目 ,主要用于快速构建响应式 Web 应用程序。拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。 Groundwork 还提供多种 UI 组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等...最近更新: Gro原创 2013-05-27 15:27:13 · 1135 阅读 · 0 评论 -
媒体查询:支持不同的视口
没有CSS3的媒体查询模块,就不能针对设备特性(如视口宽度)设置特定CSS样式。媒体查询基本语法将下面这段代码插入到页面后,调整浏览器大小看效果!body{background-color:grey;}@media screen and (max-width:960px){ body{ background-color:red; }}@media screen and原创 2013-03-30 13:58:35 · 1150 阅读 · 0 评论 -
第一节:准备工作
1.下载视口调试浏览器插件Internet Explorer (Developer Toolbar)地址:http://www.microsoft.com/download/en/details.aspx?id=18359Safari (ResizeMe)地址:http://resizeSafari.comFirefox (Firesizer)地址:https://addons.moz原创 2013-03-30 11:01:46 · 577 阅读 · 0 评论 -
CSS3属性之五:text-overflow
语法:text-overflow : clip | ellipsis取值:clip: 不显示省略标记(...),而是简单的裁切。 ellipsis: 当对象内文本溢出时显示省略标记(...) 说明:设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。对应的脚本特性为textOverflow。 text-overflow属性仅是注转载 2013-03-07 14:58:03 · 854 阅读 · 0 评论 -
CSS3属性之四:Multiple backgrounds
语法:background : [background-image] | [background-origin] |[background-clip] | [background-repeat] | [background-size] |[background-position]相关属性: background-image | background-origin |back转载 2013-03-07 14:56:35 · 602 阅读 · 0 评论 -
CSS3属性之一:border-radius
语法:border-radius :none | {1,4} [ / {1,4} ]?相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius 取值::由浮点数字和单位标识符组成的长度值。不可为负值。bor转载 2013-03-07 14:54:04 · 409 阅读 · 0 评论 -
CSS3属性之二:box-shadow
语法:box-shadow: || 取值: ? ? || : 阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 说明:设置块阴影box-shadow这个属性应用的非常普遍,可以使你的元素立刻变得漂亮起来,只是记得不要把值设得太离谱。box-shadow的四个参数:x-offset原创 2013-03-07 14:52:01 · 610 阅读 · 0 评论 -
CSS3属性之三:text-shadow
语法:text-shadow : none | none | [, ] * 或none | [, ]*相关属性 : 无取值: :指定颜色。 :由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。 :由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0转载 2013-03-07 14:55:05 · 566 阅读 · 0 评论 -
vue.js介绍
vue.js 是一个用来开发 web 界面的前端库。它也有配套的周边工具。如果把这些东西都算在一起,那么你也可以叫它一个『前端框架』。但我个人更倾向于把它看做是一套可以灵活选择的工具组合。如果你到现在都还没听说过 Vue.js,你心里可能在想:前端的幺蛾子就是多,怎么又来一个框架?其实 Vue.js 已经开发了两年多了。第一次公开发布则是在 2014 年 2 月。这两年间它一直在不断进化,今天也已转载 2016-01-29 23:04:52 · 4207 阅读 · 0 评论