文章分类 -  html/css

隐藏域的作用和用法
摘要:1. hidden隐藏域作用 <input type="hidden" name="" value=""> 2. 隐藏域的作用 阅读全文
posted @ 2016-08-31 15:07 Befacebook 阅读(6770) 评论(0) 推荐(0)
调试CSS的方法
摘要:1. CSS调试 关于CSS的调试 我之前一直都没有一个好的概念在心里。不过看了一篇文章 所以我就开始关注这个方面的问题了 这篇文章是那边文章转载的 不过我只是提取了自己有用的东西 调试流程的3个阶段 评估并快速修复 还原和重现 定位根源并修复 评估并快速恢复 如果css是你的主要工作语言 或者你对 阅读全文
posted @ 2016-08-21 01:24 Befacebook 阅读(1319) 评论(0) 推荐(0)
CSS元素 之 float
摘要:1. float 设计的初衷 Float 设计的初衷是为了文字环绕的效果 使得文字可以围绕着 图片。就像下面这样 2. float 的包裹和 破坏 A) 包裹性 和 破坏性 例如下图 我们原本是希望是这样的 为什么出现上面的情况呢 因为 float具有破坏性 导致父容器的 高度塌陷。 我们可以使用为 阅读全文
posted @ 2016-08-10 22:38 Befacebook 阅读(251) 评论(0) 推荐(0)
CSS元素 之 vertical-align line-height
摘要:2. vertical-align 的前提条件 应用于 inline的水平元素和 table-cell元素。就是说 display: block 不支持它。 inline: img span strong em 未知元素 inline-block:input button(IE8+) table-c 阅读全文
posted @ 2016-08-09 22:49 Befacebook 阅读(105) 评论(0) 推荐(0)
Less 教程
摘要:1. 关于 less sass 的预编译处理器 LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 less 编译使用前期使用k 阅读全文
posted @ 2016-07-17 23:22 Befacebook 阅读(414) 评论(0) 推荐(0)
代码规范
摘要:1.<!DOCTYPE html> 统一使用HTML5的文档声明 推荐使用属性值 cmn-Hans-CN(简体, 中国大陆),但是考虑浏览器和操作系统的兼容性,目前仍然使用 zh-CN 属性值 <!DOCTYPE html> 页面语言LANG 推荐使用属性值 cmn-Hans-CN(简体, 中国大陆 阅读全文
posted @ 2016-07-06 19:22 Befacebook 阅读(367) 评论(0) 推荐(0)
为什么<!DOCTYPE> 不可或缺
摘要:1.When question comes 你一定在 HTML 页面最前面看到过这样一行代码(比如 百度): <!DOCTYPE html> 或者说类似这样的(比如 博客园-韩子迟 PS:博客园首页 文档类型声明同百度): <!DOCTYPE html PUBLIC "-//W3C//DTD XHT 阅读全文
posted @ 2016-07-05 16:27 Befacebook 阅读(115) 评论(0) 推荐(0)
关于input = file 的样式改变 转载于张鑫旭老师的博客 谢谢张老师
摘要:原生的file input不收待见的另外一个原因是:长的丑还不好控制。 举个例子,下图这个“选择文件”这几个文字 有一种方法是这样的:让file类型的元素透明度0,覆盖在我们好看的按钮上。然后我们去点击好看的按钮,实际上点击是是file元素。 然而,此方法有一些不足: 更好的方法是,使用label元 阅读全文
posted @ 2016-06-25 19:19 Befacebook 阅读(143) 评论(0) 推荐(0)
CSS 布局
摘要:CSS布局 首先 当你看到效果图先想想怎么布局 个个元素之间的关系 还有不同设备下面要怎么显示。 1. 尺寸 A) 百分比 会适合自适应布局 根据根节点html的长度改变 可以用%来讲浏览器尺寸和元素尺寸联系起来 做到自适应 B) auto 是很多尺寸的默认值 也就是有浏览器自动计算 首先块级元素水 阅读全文
posted @ 2016-06-05 09:24 Befacebook 阅读(109) 评论(0) 推荐(0)