2016年07月_xiabibi556

原创 CSS秘密：垂直居中

问题44年前我们把人送上月球，但在CSS中我们仍然不能很好实现垂直居中——@James Anderson让一个元素水平居中对于CSS来说非常简单：如果是一个内联元素，我们可以在他的父元素上设置text-align:center;；如果是一个块元素，我们可以使用margin:auto;。然而，只要一想到让一个元素垂直居中，让人死的心都有了。多年来，垂直居中已成为CSS的不朽神话，也是

2016-07-27 17:52:26 681

原创 line-height 和 vertical-align 行高与行对齐精解（图文）

line-height 和 vertical-align 行高与行对齐精解（图文） _CSS教程_CSS_网页制作_脚本之家// <![CDATA[var tougao="1";var downlm="art";(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=windo

2016-07-26 20:40:57 1467

原创 css常用命名

常用的CSS命名头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：downloa

2016-07-26 20:03:34 475

原创替换元素和非替换元素的学习

引言元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box,也翻译为“盒子”）。但是不同的元素显示的方式会有所不同，例如div和span不同，而strong和p也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。而根据元素本身的特点可以分为替换元素（replaced element）和非替换元素，非替换元素，在W3C

2016-07-26 19:49:35 625

原创深入理解BFC和Margin Collapse

BFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting contexts）w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, tab

2016-07-26 19:48:35 568

原创 CSS+DIV定位分析(relative,absolute,static,fixed)

在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明

2016-07-26 19:46:46 407

原创总结CSS Sprites优缺点

CSS Sprites 简介：通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着Web设计向着精致、巧妙的方

2016-07-26 19:43:54 844

原创什么鬼，又不知道怎么命名class了

（本文系来自腾讯imweb团队结一大大关于class命名的总结，获取结一授权转载，推荐点击左下角的阅读原文，原文地址：http://imweb.io/topic/5623c25734764b2c16769749 ）相信写css的人都会遇到下面的问题：糟糕，怎么命名这个class，好像不太贴切，要是冲突了怎么办，要不要设计成通用一点... 而改别人css代码的时候则会一

2016-07-26 19:36:51 1454

转载 css选择器的权值与优先规则

前言在html设计当中，经常会遇到一个问题——如果对同一标签的相同属性设置了不同的值，那么哪一个值是有效值呢？答案就是权值高的覆盖掉权值的值，权值相同的采取就近原则。

2016-07-25 16:35:23 8598 2

原创 CSS深入理解之margin

前言margin是css中非常常用的一个属性，也是非常难掌握的，这里只是记下现在能理解的，之后在慢慢补充。

2016-07-25 08:50:02 967

Mrcxt的博客