04 2016 档案

摘要:常用CSS HACK ================= IE6 3像素bug和双边距bug一样的经典 现象: IE6下浮动元素和不浮动元素之间会有3px间隙(3px bug,div.float left + div.float none) 解决 需设置 div.float left{ margin 阅读全文
posted @ 2016-04-19 02:01 stephenykk 阅读(229) 评论(0) 推荐(0)
摘要:js动态创建样式: style 和 link ================= ie6 不能 document.createElement('style') 然后append到head标签里。所以就找到这样个好文章 有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件 阅读全文
posted @ 2016-04-19 01:38 stephenykk 阅读(26643) 评论(0) 推荐(1)
摘要:td之overflow:hidden 多余文本隐藏效果 ========================== 方法1: table layout: fixed; width: 200px; 语法: + : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 阅读全文
posted @ 2016-04-19 01:24 stephenykk 阅读(5986) 评论(0) 推荐(1)
摘要:css多行文本垂直居中问题研究 ========================= 垂直居中对齐 {margin:0; padding:0;} div {border:1px solid 89f989; margin:20px; width:300px; } .h100{height:100px;} 阅读全文
posted @ 2016-04-19 01:09 stephenykk 阅读(654) 评论(0) 推荐(0)
摘要:一起来看看css中的单位 ==================== 由于一直以来对于css中的百分比单位究竟是相对于谁的比例,这个问题不是很了解,所以就专门找资料看了一下。 .container的高度是被内容撑开的。 w:250px, h:16px, mt:50px, pt:50px 由于.cont 阅读全文
posted @ 2016-04-19 01:02 stephenykk 阅读(215) 评论(0) 推荐(0)
摘要:css兼容问题与实践归纳总结 ========================== 一、IE6/7 原生块元素与display:inline block; some text 在ie6/7下,这个div还是会独占一行,所以要是需要设置inline block的元素来呈现按钮 图标之类的要素 ,最好用 阅读全文
posted @ 2016-04-19 00:38 stephenykk 阅读(217) 评论(0) 推荐(0)
摘要:font简写语法 ================ 测试 这是子元素的字体 默认继承了哪些字体属性 font style font weight font size/line height font family 都从父元素继承了 这是用font:12px定义的文本 语法错误 这是用font:12p 阅读全文
posted @ 2016-04-19 00:07 stephenykk 阅读(512) 评论(0) 推荐(0)
摘要:浮动元素居中的实现方式 ========================= 在css3之前,对自适应内容宽度的浮动元素,实现居中,似乎还是有点难度的。 比如这样的一个场景, 数量不确定的页码,在页面底部水平居中。 假设html结构如下; 1 2 3 4 5 <! 若不浮动 .page nums, 则 阅读全文
posted @ 2016-04-18 23:39 stephenykk 阅读(462) 评论(0) 推荐(0)
摘要:认识和理解css布局中的BFC =========================== BFC的定义 是 W3C CSS 2.1 规范中的一个概念,它决定了 元素如何对其内容进行定位,以及与其他元素的关系和相互作用 。 Block Formatting Context 的元素的特点 + 其子元素会一 阅读全文
posted @ 2016-04-18 23:20 stephenykk 阅读(412) 评论(0) 推荐(0)
摘要:css的repaint和reflow ==================== 浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow。 由于 reflow 是一种浏览器中的用户拦截(user blocking)操作,所以了解如何减少 ref 阅读全文
posted @ 2016-04-18 22:47 stephenykk 阅读(401) 评论(0) 推荐(0)
摘要:Apache配置支持include ==================== 什么是SSI? SSI是英文 Server Side Includes 的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是HTML文件中,可以通过注释行调用的命令或指针。SSI 具有强大的功能,只要使用一 阅读全文
posted @ 2016-04-15 08:54 stephenykk 阅读(2290) 评论(0) 推荐(0)
摘要:apache配置多站点 ========================= 通过把apache配置安装为服务设置多站点 1. 打开 文件夹,复制httpd.conf,重命名为 my.conf 2. 打开my.conf,修改并保存 Listen 8009 端口号 ServerName localhos 阅读全文
posted @ 2016-04-15 08:31 stephenykk 阅读(3138) 评论(0) 推荐(0)
摘要:转: Apache SSI详解及应用 ===================== 什么是 SSI? SSI(Server Side Includes) ,是嵌套在 HTML 网页中的指示语句,由后台服务器进行代码的解释计算。使用 SSI 可以动态的创建一部分网页内容而不需要编写复杂的 JSP/ASP 阅读全文
posted @ 2016-04-15 08:09 stephenykk 阅读(2176) 评论(0) 推荐(0)
摘要:apache服务无法启动的解决方法 ========================= 在配置apache的时候,把apache安装为服务myweb,用apacheMonitor启动myweb发现无法启动,提示: the requested operation has failed 通过问度娘并试错 阅读全文
posted @ 2016-04-11 08:04 stephenykk 阅读(11764) 评论(0) 推荐(0)
摘要:全面理解.htaccess语法中RewriteCond和RewriteRule意义 =========================================== 配置文件可以通过 和 实现伪静态。 RewriteCond的语法 // 含义:当什么东西 匹配 某种模式,则.. Rewrite 阅读全文
posted @ 2016-04-11 07:46 stephenykk 阅读(3515) 评论(0) 推荐(0)
摘要:zepto API参考 ================== 简介 Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 设计目的 zepto设计目的是为移动端提供类似jquery的迷你框架,压缩后 阅读全文
posted @ 2016-04-10 23:25 stephenykk 阅读(2802) 评论(0) 推荐(0)
摘要:移动平台对 meta 标签的定义 ===================== 下面介绍一些有关标记的例子及解释。 一、meta 标签分两大部分:HTTP 标题信息(http equiv)和页面描述信息(name)。 1. (页面内容类型和字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所 阅读全文
posted @ 2016-04-07 23:31 stephenykk 阅读(168) 评论(0) 推荐(0)
摘要:bootstrap编码规范 ================= HTML规范 语法 1. 用两个空格来代替制表符(tab) 这是唯一能保证在所有环境下获得一致展现的方法。 2. 属性值确保全部使用双引号,绝不要使用单引号。 3. 不要在自闭和(self closing)元素的尾部添加斜线 ,HTML 阅读全文
posted @ 2016-04-07 23:26 stephenykk 阅读(294) 评论(0) 推荐(0)
摘要:链接被点击时不出现虚线框的方法 ============================= <! IE soso <! FireFox soso 阅读全文
posted @ 2016-04-07 23:25 stephenykk 阅读(181) 评论(0) 推荐(0)
摘要:label 和 legend标签的用法 ============== label标准用法: 一般浏览器都支持 一般而言,label标签位于表单元素的前面或者后面,为控件提供说明文字 用户名: for属性:能让用户点击文字,焦点定位在for指定的控件,提供更好的用户体验。 label新用法:(在浏览网 阅读全文
posted @ 2016-04-07 23:24 stephenykk 阅读(1612) 评论(0) 推荐(0)
摘要:了解常见的浏览器内核 Trident,Geckos,Presto,Webkit ==================== 内核只是一个通俗的说法,英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”。它负责取得网页的内容(HTML、XML、图像等等)、整理信息 阅读全文
posted @ 2016-04-07 23:23 stephenykk 阅读(801) 评论(0) 推荐(0)
摘要:DOCTYPE声明的几种类型 ===================== DOCTYPE 声明决定着浏览器怎么去解析和渲染当前页面,所以对于页面来说是很重要的。 HTML5时代,统一用 这样简单的方式声明 HTML 4.01 ,XHTML 1.0都有3中DOCTYPE 类型 , , ( ps:htm 阅读全文
posted @ 2016-04-07 23:22 stephenykk 阅读(438) 评论(0) 推荐(0)
摘要:Angularjs 基础教程 ========================= 一些angualr的基础概念,适合入门。 1.下载 推荐 bower 或 npm 安装。 bower install angular bower install angular route 2.简单介绍使用 1.ng 阅读全文
posted @ 2016-04-07 13:55 stephenykk 阅读(322) 评论(0) 推荐(0)
摘要:理解angular中的module和injector,即依赖注入 ===================== 依赖注入(DI)的好处不再赘言,使用过spring框架的都知道。angularjs作为前台js框架,也提供了对DI的支持,这是javascript和jquery不具备的特性。angularj 阅读全文
posted @ 2016-04-07 12:22 stephenykk 阅读(766) 评论(0) 推荐(0)