css

从一滴水说起,谈谈CSS形状的生成思路

水是生命之源、生产之要、生态之基。兴水利、除水害,事关人类生存、社会进步,历来是治国安邦的大事。巴拉巴拉~不扯淡了,来看看下面这张图,额,为了扣题,就管她叫水滴吧(虽然是倒的),从这开始,让我们用css来生成她~1.首先把她理解成一个圆与一个三角组合而成,这样,就有了第一种组合法.box1 { width: 100px; height: 100px; ba

document.write知多少

原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰,欢迎阅读本文。使用场景第三方合作iframeul[列表内容]如果这段代码放在前端处理,不使用后端模板,用document.write可以轻松实现,当然实现的方式很多种,这里只是说明document.write可以胜任。 if(A){

正在暑假中的《课多周刊》(第1期)

正在暑假中的《课多周刊》(第1期)我们的微信公众号:fed-talk,更多精彩内容皆在微信公众号,欢迎关注。若有帮助,请把 课多周刊 推荐给你的朋友,你的支持是我们最大的动力。远上寒山石径斜,白云深处有人家。停车坐爱枫林晚,霜叶红于二月花。 杜牧 -《山行》HTML/CSS【译】22个必备的CSS小技巧(@jrainlau) 实用的CSS小技巧。CSS3 聊天气泡框以及 i

使一个div垂直+水平居中的几种方法

前几天去一家互联网公司面试,面试官问到了这个应该算是比较简单的问题,在我自认为回答正确时,才知道这道题的答案有很多种,下面就让我们一起来探讨一下这个问题:思路1:绝对定位居中(原始版)这个是我回答出来的,也是被各位所熟知的一种方法,设外层div相对定位,内层div绝对定位,top、left分别设为50%,然后通过设置margin-top、margin-left值为宽度的负数

写了一个web os脚手架

预览地址在这里:http://thx.github.io/magix-os/ 项目地址在这里:https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等 插件目录plubins主要是各种插件的实现 接口目录services是接口请求的实现 皮肤目录themes是修改整个风格的 面向用

Web标准制定过程

W3C的标准规范是怎么制定出来的?浏览器厂商是收到来自w3c的规范标准才结合自己的浏览器进行开发更新以支持新特性吗?一直很好奇,搜集了一些资料,主要参考了W3C CSS工作组特邀专家Lea Verou写的《CSS揭秘》和W3C的官方介绍。一. W3CW3C,一直被大众认为是Web标准的制定者,我们遇到的很多问题,大部分都能通过研究W3C官网上发布的文档解决(官方文档也是最好

magi中的2种事件绑定方式

可操作html与jsmagix采用html与js文件分离的写法,当我们在阅读时,希望能直观的看出节点绑定了哪些事件或这个函数是为哪种事件服务的。如下htmlsave我们在阅读上述html片断时,可直观的看到内容为save的button绑定了click事件,且调用的是save方法再如下jsrender: function() {//render codes},'save':

css实现文字越界加点点点显示,并且后面紧跟一个图标

文字越界添加...显示 在HTML页面上,会遇到当文字长度超出一定长度的时候,将超出的部分显示为...的情况,这个功能很好实现,很多人都可以直接写出来。 示例代码: .demo {display: block;text-overflow: ellipsis; //显示省略符号来代表被修剪的文本,也可以自定义overflow: hidden; //溢出内容隐藏white-sp

CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

其实网上已经有很多各类效果的了,例如: http://tympanus.net/Developme... 神人太多了,我也找到了一种比较好的按钮制作方法,体验不错,演示动画截图如下: 一种不错的增进体验的效果噢~ 具体代码实现搓这里,http://output.jsbin.com/kepiqac 关键字:css, 按钮, #data-# 妙用

最初,唯有时光记得

回顾Retrospect to the past and look into the future最近在积极地学习webview,原本打算整理一下写成一篇文章。无奈时间有限,暂时没有把握把webview要学习的知识写清楚,个人也还在摸索中。此外从周末开始迁移自己的文章到gitbook上,加上处于实习的尾声,突然发现这周可能无法完成,突然有些慌,把自己写的gitbook的序拿