02 2018 档案

CSS兼容处理（二）
摘要：在IE6及以下版本的浏览器中定义小高度： 解决方法：#text { overflow：hidden; height：1px; font-size：0; line-height：0;} 具体详解：IE6及以下浏览器无法定义小高度的原因是，默认有行高。 在IE6及以下版本浏览器中定义最小高度： 解决方法 阅读全文
posted @ 2018-02-26 16:27 john_sr 阅读(152) 评论(0) 推荐(0)
CSS兼容处理的相关案例
摘要：双倍显示：这个BUG出现在IE6以及下浏览器，当解析浮动元素时，会错误地把浮向边边界加倍显示。 修复问题方式： display：inline; 代码示例： /*[IE6及更低版本浏览器双倍浮向 hack]*/ div { margin：10px; float：left; width：100px; h 阅读全文
posted @ 2018-02-26 11:19 john_sr 阅读(152) 评论(0) 推荐(0)
CSS兼容处理
摘要：CSS代码兼容主要由Hack和Filter两种方法来解决相关问题。 Hack：一种兼容CSS在不同浏览器中正确显示的方法。 Filter：一种特殊的浏览器或浏览器组显示或隐藏规则或声明的方法。 注意： Hack是一种非官方技术，主要依赖各种字符组合，以及规则和声明的重复定义实现在不同浏览器之间达到相 阅读全文
posted @ 2018-02-12 09:44 john_sr 阅读(133) 评论(0) 推荐(0)
了解主流浏览器
摘要：主流浏览器的相关介绍： Mozilla 是一个开源项目，它提供了一个统一的浏览器渲染引擎，引擎名称为Gecko。 Gecko具有跨平台的能力，可以在windows、Linux和Mac OS X等主要操作系统上运行。 使用Gecko引擎开发的浏览器包括Fennec、FireFox、Netscape N 阅读全文
posted @ 2018-02-08 15:49 john_sr 阅读(180) 评论(0) 推荐(0)
CSS代码优化
摘要：代码优化的作用： 利用继承性优化代码 在CSS中，子元素会自动继承父元素的属性值，如颜色、字体、大小、行距等排版格式。 如： a：link { color：#000000; text-decoration：none; } a：visited { text-decoration：none; color 阅读全文
posted @ 2018-02-08 14:25 john_sr 阅读(154) 评论(0) 推荐(0)
CSS代码缩写
摘要：一、CSS代码缩写 CSS代码缩写的作用：便捷代码输入，减少CSS文件大小，使代码更易读。 盒模型代码简写：主要包括内边距（补白）、边框、外边距（边界）三类。 从方向的属性有：上、下、左、右。 从描述可以分为：颜色、大小和样式。而内边距和外边距只有大小。 缩写最后一个单词，如： div{ borde 阅读全文
posted @ 2018-02-08 10:05 john_sr 阅读(1784) 评论(0) 推荐(0)
Css的三种常用代码风格
摘要：代码格式化的作用：代码更佳美观、容易理解和更好维护。 代码风格一： 主要包括以下特征： 代码风格二： 主要包括以下特征： 代码风格三： 主要包括以下特征： 代码格式可以使用开发工具进行优化和设置。 阅读全文
posted @ 2018-02-07 16:53 john_sr 阅读(267) 评论(0) 推荐(0)
css编码规范
摘要：一、css文档统筹： 二、规则组织： 1、规则组织的两种方案： 1.1、从上到下的模块化布局 ： 先 元素基本属性 后 ID布局属性 最后 公共类。 1.2、分块详细定义布局： 先 元素基本属性 后 布局总体结构 最后 分块详细定义。 2、良好的规则组织习惯： 先 定义 元素基本属性 或 元素默认属 阅读全文
posted @ 2018-02-07 14:58 john_sr 阅读(193) 评论(0) 推荐(0)
CSS常用命名名称
摘要：布局常用名称 名 称 说 明 名 称 说 明 wrap/wrapper 外 套 container 容 器 site 站 点 content/container 内 容 块 nav 导 航 column 栏 main 主 体 left 左 layout 布 局 center 中 sidebar 侧 栏 right 右 ... 阅读全文
posted @ 2018-02-01 16:48 john_sr 阅读(1859) 评论(0) 推荐(0)