霍者博客

欢迎访问霍者博客(微信hylg1234)最新发布 练习题合集 软件合集 视频合集

深入CSS,让网页开发少点“坑”

通常我们在学习CSS的时候,感觉语法很容易掌握,实际应用中却碰到各式各样难以填补的“坑”,为避免大家受到同样的困惑与不解,本文详细讲解了CSS中优先级和Stacking Context等高级特性。让你更深入了解CSS。

...

详析CSS外边框合并(叠加)现象

CSS外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局是,它会造成许多混淆。

简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。请看下图:

...

写给刚入门网页设计师的小知识之CSS样式

1. CSS 嵌入

其实程序员是一帮蛮会偷懒的家伙你信么?^_^ 在码字过程中,如果遇到常用的一段代码,就会想办法打包起来,需要的时候一行代码或几行代码就可以调出来用而不用重复写,系不系很机智。让我想起来我们常用的那些PS的动作们,不就是同样的原理吗?

来吧,排几个宽高各100px的div试试,如果你现在还不能默写的话,建议多练习几遍。

...

CSS3伪类选择器:nth-child的用法

我们都知道CSS3提供了强大的伪类(pseudo-class)选择器,让开发者能选择某一对象中符合特定条件的元素进行渲染。虽然这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。所以希望大家能够认真阅读。

下面给大家介绍下nth-child的用法:

first-child 定义第一个li样式

...