logo头像

总有人间一两风,填我十万八千梦

CSS

CSS深入理解之z-index

CSS深入理解之z-index

1. z-index 基础z-index 含义z-index 属性指定了元素及其子元素的 [z顺序],而 [z顺序] 可以决定当元素发生覆盖的时候,哪个元素在上面.通常一个较大 z-index 值的元素会覆盖较低的那一个 属性值 au...

CSS深入理解之margin

CSS深入理解之margin

1. margin 与容器的尺寸 适用于没有设定 width / height 的普通 block 水平元素(float 元素,absolute / fixed 元素,inline 水平,table-cell 元素虽然 block 化...

CSS深入理解之padding

CSS深入理解之padding

1. padding 和元素尺寸的关系对于 block 水平元素 padding 太大时,一定会影响尺寸 width 非 auto,padding 影响尺寸 width 为 auto 或 box-sizing 为 border-box...

前端可以这样玩儿!

前端可以这样玩儿!

本文总结了一些前端冷知识,相信看完之后的你一定会觉得前端为什么如此好玩儿?!(源自 Quora 上的一个帖子,同时又查阅了一些其他资料) HTML 篇浏览器地址栏运行 JavaScript 代码这个相信很多人是知道的,在浏览器地址栏可...

读书笔记-响应式Web设计-HTML5和CSS3实战

读书笔记-响应式Web设计-HTML5和CSS3实战

1. 一句话概括响应式设计如果要用一句话概括响应式网页设计,我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制.相反,如果需要根据不同设备提供特定的内容和功能,那就需要一个真正的“手机版”网站.这种情况下,手机版网站会提供与桌...

读书笔记-精彩绝伦的CSS

读书笔记-精彩绝伦的CSS

1. 特殊性特殊性是一个选择器“特殊程度”的数字表示,有 3 样东西经常被用来确定选择器的特殊性: 每个元素描述符贡献 0,0,0,1; 每个类、伪类或者属性描述符贡献 0,0,1,0; 每个 ID 描述符贡献 0,1,0,0. ...

CSS书写规范

CSS书写规范

本篇文章转载自 cnblogs,我在看了原文章之后又搜了一些其他相关资料,就有了下面这些对于 CSS 书写规范的总结。CSS 作为前端语言中最好学的一种,很容易造成“不需要规范”的错觉,但其实 CSS 的书写也有很多规范,顺序、命名以...