我过去就是一个键盘!!!

css

重要的可以独立的CSS内容

inline formatting context

算是再一次的回顾吧。 CSS 内联格式化上下文与层叠上下文 line-box 每一行是由一个或多个行内元素(HTML标签元素或匿名内联元素文本内容)组成,专业术语称为行盒(line-box). 而 line-box 的高度由 不是由单一元素决定。 line-box 说明: < ... »

lw at | Front-End, css |

像素 & 1px

说明 像数 为影像显示的基本单位。 https://www.wikiwand.com/zh-sg/像素 CSS像素(CSS pixels) 浏览器使用的抽象单位,用来精确度量网页上的内容。 eg:平时经常 ... »

lw at | Front-End, css |

margin重叠和 BFC

有些东西回过头来再看,都会有不同的理解,当然这是因为当初没有理解清楚,哈哈。 对于上下 margin 重叠: 先给出解决方案: 在开发的时候尽量用同一方向的margin,比如都设置为top或者bottom 为元素设置浮动、inline-block或者absolute 来消除 ma ... »

lw at | Front-End, css |

CSSOM handler

每次都记不住CSS BOM的API,太多了,所以总结几个常用的即可。默认不考虑IE9以下的浏览器。 渲染模式 ~~compatmode(一般用于浏览器兼容) document.compatMode用来判断当前浏览器采用的渲染方式(兼容模式)。渲染即解释html,css,js之类的 ... »

lw at | css |

HOW CSS Works

本文将理清出于css选择器 、选择器的优先级、效率 更多是关于 DOM树,CSS是怎么工作的。 https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/How_CSS_works HOW css w ... »

lw at | css |

border Awesome CSS

在前端开发中,经常面临一些特殊图形的需求。 那么每次都用图片就会很麻烦,所以能使用代码完成的就用代码完成。 此文先总结 border CSS Background and Borders: https://developer.mozilla.org/en-US/docs/Web/ ... »

lw at | css, Awesome CSS |

normal-flow & BFC & float

http://www.ituring.com.cn/article/198258 文档流与定位问题 https://www.w3.org/TR/CSS2/visuren.html#normal-flow W3C normal-flow官方文档 文档流 所谓的文档流实际上是一种民间 ... »

lw at | css |

Centered layout and more

居中布局与扩展学习 关键词: horizontal centering vertical centering centered layout 本文主要解决在不定宽不定高的情况下完成block element水平居中和垂直居中。 [TOC] 水平居中 inline-block &a ... »

lw at | css |

Flex 指南

Flex布局学习与实践 标签: css question 1: 行内的inline-flex 块级元素 与 行内元素 使用的flex 的差异 写前缀时,注意顺序 与css 执行顺序 关系 达成目标:用flex 实现各种经典布局 称为CSS布局模块?? 本文 ... »

lw at | css |

cssom view module

W3C出炉了CSS Object Model View草案。CSSOM视图模块(CSSOM View Module)定义了一些 API,Web 开发人员使用这些 API 可以进行检查,也可以以编程方式更改文档及其内容的视觉属性,包括布局框定位、视区宽度和元素滚动。 简单来说,CS ... »

lw at | css |

伪元素和伪类

伪类与伪元素需要区别的地方是: before & after :before   ::before   :after   ::after 通过MDN里的描述::before 是css2里的,称伪类。::before shi css3 里的,称伪元素。 [css]/* CS ... »

lw at | css |

clip

一、使用clip控制图片显示区域 二、雪碧图 实现原理 ,主要是定位方式 : background-position    ; 以及使用clip 实现定位 。,还有其他的定位方式 :如margin等等。 首先好久没更新博客啦,学到一个点就写上来。http://www.1000zh ... »

lw at | css |

sprints & background properity

本文在于详解background属性,再到background-position在 sprites中的实际使用。纠正:是sprites,不是sprite background: 主要参看这几个链接就好了。 http://www.w3cplus.com/css/a-primer-t ... »

lw at | css |

transform - transition - animation

ok,此文主要是把关于css3的动画一些东西给理清楚。此文仅作基础入门,包括: trasnform、transition、animation。 transform 语法 transform: none | <transform-function>[<transf ... »

lw at | css |

css bom

一张图 网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth   (包括边线的宽); 网页可见区域高: documen ... »

lw at | css |

css priority

css执行顺序与优先权的问题,首先就是CSS规则的specificity(特殊性),CSS2.1有一套关于specificity的计算方式,用一个四位的数字串(CSS2是三位)来表示,最终specificity越高的规则越特殊,在优先级判定时也就越有优势. CSS执行顺序与优先权 ... »

lw at | css |