zyl_lyr1019的专栏

关于z-index的那些事儿文章内容，很不错的，大多数元素层次混乱问题可以通过学习解决。关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。   不相信我吗？好吧，看看你能否解决下面这个问题：问题：   在 接下来的HTML

原文地址：请查看我的主页：关于line-height导致的布局出错。        line-height：属性设置行间距参数（行高，不允许使用负值）。        通常情况下，我们使用line-height是为了使内容上下居中，对行内元素实现高度的控制，通常情况下，line-height的设置都可以很好的完成它所要承担的工作，只是也有的时候，会出现一些特例，比如会导致布局出现问题。

如果我们需要一个三角形的图像，这个时候，我们是不是需要去拿一个图片做背景，然后把需要在这个三角形内填充的内容，用定位的方法，放在图片中呢？其实啊，只用CSS也是可以做到的，该文中的方法主要是借鉴了淘宝首页的CSS实现箭头的相关代码。主要思想是：只使用border，并且border的边，有一个边的宽度是0，那么就就会出现三角形了。比如：你这样写一下代码：.c{

之前参与的开发项目，写的前端代码，css部分重复利用率很差，以至于写到最后的页面，完全无法重复利用之前的css代码，导致整个css文件代码量很大，相对来说，废代码就非常多。       想了想自己在项目中的问题，总结一下：       html部分：过度的使用div，语义化标签使用太少，大部分都是用div模拟的。过度的div并不是一个好的习惯。      css部分：       

类似热点链接的一段小代码：利用定位实现。这个好像是没有什么可多说的。看过定位这个概念的，都能理解。*{margin:0px;padding:0px;}body{text-align:center;}.body{width:200px;height:auto;position:relative;text-align:left;margin:0 auto;}.ourIm

本文主要是参考了他人关于z-index这个属性在ie6下的bug，加入了一些自己的理解。z-index这属性在大多数浏览器下，还算是中规中矩的，没有太多的兼容问题（我很少见到...），不过在ie6下，就有两个很大的问题，非常影响界面显示的哦！ie6下z-index属性不起作用的情况：直接上代码吧。#blank{width:100%; height:600px; bac

CSS中最重要的概念可以分为三个：浮动，定位，盒模型。先看下什么是盒模型盒模型由内容(width,height)，内边距(padding)，边框(border)，外边距(margin)组成。下面就来看看盒模型中的外边距吧margin的用法等基本就不多说了，只说一下利用margin实现的一些效果。1:利用margin实现居中：        一种方法是

说说display的取值问题：直接说问题吧：第一种情况：#div1{ display:none; width:100px;}var display = document.getElementById("div1").style.display; //;var width = document.getElementById("div1").style.width; /

本文主要对display 的几种最常用的方法进行了分析，分别为none，block，inline-block，inline，inherit。其中主要分析了inline时，两个连续行内元素之间出现空白，以及行内元素占据空间等问题。W3C规定：display 属性规定元素应该生成的框的类型。这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 d

定位中的绝对定位属性，其绝对定位的参考系是离他最近的祖先元素。如果它所有的祖先都没有定位，则参考系就是document文档根节点。绝对定位是脱离文档流的，所以，他有一个额外的功能就是使元素拥有布局，清理浮动等。拥有布局的元素，就可以进行元素尺寸的设置，行内元素也可以。拥有布局的元素，就可以设置元素的尺寸，所以绝对定位的元素，不论它本身的属性是行内元素还是块级元素，它的表现形

text-align:通常情况下，我们只是用来设置文本的对齐方式。但有的时候，我们也可以使用该属性进行元素的对其，以及进行布局。一：基本概念       1：W3C标准中，对text-align这样说明：它是一个基本的属性，它会影响一个元素中的文本行相互之间的对其方式。       2：基本取值：                left,right,center,这三个取值