2015年04月_hayleyxia

08月 07月 06月 05月 04月

转载 css最佳实践

1. 样式分离实际上，CSS有几十种不同的属性，撇开一些不定参数（例如宽度，高度，颜色值）的样式，CSS的基础构成也是非常有限的，例如下面截取的的一小段CSS库样式（命名仅供参考）：总结这一节的核心观点，其实不难理解，就是“构成的基本元素越是独立，越是最简，其组合的可能性，元素的利用率越是高！”，CSS样式越是分离，其样式的利用率和覆盖率就越高，CSS代码就越精简！万物守恒，C

2015-04-23 16:00:36 896

转载 css架构

http://blog.jobbole.com/31147/1. 良好的css架构可预测可重用可扩展可维护2. 一些不好的写法某一元素大部分是一样的,只有一个页面不同,应该为此页面找出不同点,然后写一个新规则去处理基于父组件来修改组件123456789

2015-04-20 20:40:53 452

转载编写高效的 CSS 选择器

1. css选择器CSS选择器具有高效的继承性，引用Steve Souders的话， CSS选择器效率从高到低的排序如下：ID选择器比如#header类选择器比如.promo元素选择器比如 div兄弟选择器比如 h2 + p子选择器比如 li > ul后代选择器比如 ul a 7. 通用选择器比如 *属性选择器比如 type = “text”伪类/伪元素选择器

2015-04-20 17:06:36 373

http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%A7%E5%B0%8F%E4%B8%8D%E5%9B%BA%E5%AE%9A%E7%9A%84%E5%9B%BE%E7%89%87%E3%80%81%E5%A4%9A%E8%A1%8C%E6%96%87%E5%AD%97%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%9E%82%E7

2015-04-20 15:33:05 657

转载 css之line height的理解与应用

line-height是两条基线之间的距离,由lineheight撑开的,而不是文字,还有就是有一个居中的作用; height div的高度是由一个个line boxes的高度堆积而成的.1. 单行文字的垂直一般设置line-height就好了2. 多行文字的垂直这个比较复杂,应用场景,高度固定,里面单行或者多行,且大小不一,方法之一是借助line-height

2015-04-20 15:13:27 440

转载 margin的重叠与防治

1、水平边距永远不会重合。2、在规范文档中，2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下：a、全部都为正值，取最大者；b、不全是正值，则都取绝对值，然后用正值减去最大值；c、没有正值，则都取绝对值，然后用0减去最大值。注意：相邻的盒模型可能由DOM元素动态产生并没有相邻或继承关系。3、相邻的盒模型中，如果其中的一个是浮动的（float

2015-04-20 11:50:31 1508

转载 css之vertical-align的理解与认识

一. 简介1. vertical-align 数值,比如 -2, 相比于基线向下便宜2px,一般用来修复单选框/复选框和12像素文字大小不对齐的问题.2. 百分比此标签继承的line-height,但ie6和ie7会出现问题3. top middle baseline bottom 可以比对英语的4条线来理解4. 只有一个元素属于inline或者inline-block,时才会起

2015-04-20 10:08:37 873

转载 css之float的深入理解

1. 浮动分栏和列表排列都可以用其他css属性替换,但文字环绕图片是没有办法的,而这里就是浮动应该出现的地方.浮动的意义就是让文字环绕图片而已.2. 浮动的本质包裹与破坏浮动的包裹性(包裹是让标签占据的空间水平收缩)包裹可以用inline-block来实现,一种按钮的实现方式,外层居左,里层居右,背景图片可以很长,这样只显示一部分.如下.btn1{display:inl

2015-04-18 18:35:09 481

转载 css中的糟粕

1. 标准盒模型box-sizing2. font缩写要少用,因为一旦定义,如果没写全,就会有继承的问题正确的顺序是：font:是否斜体字体粗细字体大小/行高字体样式例子：font: italic bold 12px/18px Arial, Helvetica, sans-serif ;当然最常用的是下面的写法：font: bold 12p

2015-04-18 16:42:17 323

转载前端性能优化

1. 最最基本的CSS顶部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可缓存2. css渲染,重绘及回流尽量避免.a.b {} .list a等一些复杂选择器,提高整站整体css渲染避免某些expression表达式,避免ie6的alphaimageloader的png透明滤镜适当定高,避免动态刷新时页面的移

2015-04-17 16:20:33 328

转载 css 架构汇总

1. 网页布局http://www.zhangxinxu.com/wordpress/2010/01/%E7%BD%91%E9%A1%B5%E5%B8%83%E5%B1%80%E6%80%9D%E6%83%B3%E6%B5%85%E8%AE%AE-%E6%B7%98%E5%AE%9D%E6%96%B0%E7%89%88%E9%A6%96%E9%A1%B5%E4%B8%BA%E5%AE%9E%E

2015-04-13 14:46:32 15174

原创 IE7兼容性问

1. 背景颜色background: rgba(255,255,255,1);+background: #ffffff!important;这样的hack没有起作用，为啥呢。。。

2015-04-10 11:41:10 317

基于DOM 的Web 信息提取

当前,W eb 已经成为人们获取信息的主要渠道之一. 然而, 用于表达W eb 页面信息的HTML 语言存在着与生俱来的缺点. HTML 的“标记”只是告诉浏览器软件如何显示所定义的信息, 却不包含任何语义. 因此由HTML 语言所表述的W eb 页面经过浏览器分析后只适合人们浏览, 不适合作为一种数据交换的方式由机器处理. 该文以文档对象模型DOM 为基础, 把所要提取的信息在DOM 层次结构中的路径作为信息抽取的“坐标”, 并以这个基本原理为基础设计了一种归纳学习算法来半自动地生成提取规则, 然后根据提取规则生成Java 类. 生成的Ja2va 类可以作为W eb 数据源包装器组成的重要构件.

2010-03-01

模板化网页主题信息的提取方法

为了消除网页噪音, 有效地提取基于模板的网页主题信息, 提出了一种新的信息提取方法。该方法采用机器自动学习方式生成网页集的模板; 以网页链接关系中的锚点文本作为提取目标对模板进行标记, 生成对应模板的提取规则; 依据模板的提取规则对网页主题信息进行提取。对国内2 588 个新闻网页进行了检测。实验结果表明, 该方法可以快速、有效地提取模板生成的网页集主题信息, 准确率达99. 5%。将该方法应用于搜索引擎系统(木棉检索) 中, 与原来的检索系统相比较, 索引文件的大小减少约50% , 检索的速度和精确度也得到提高。

2010-03-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

hayleyxia的专栏