CSS > 子元素选择器

Css子元素选择器(Child selectors)只能选择作为某元素子元素的元素。子选择器使用了大于号(子结合符)。

选择子元素

如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。

例如,如果您希望选择只作为 h[......]

阅读全文

飞鱼

Css background-position: 让背景图片水平垂直居中

在制作网页的过程中,我们有时候可能需要让背景图片水平垂直居中。

这一点可以通过css的背景图片定位属性background-position来实现:

div{background-position:center center}

其中第一个center是水平居中(X轴),第二个cen[......]

阅读全文

飞鱼

Css z-index属性

Css z-index属性是设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的[......]

阅读全文

Tags: ,
飞鱼

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。

  接触这些单位

1.  [......]

阅读全文

Tags: , , ,
飞鱼

Css数字分页样式代码

用div+css3写的简单数字分页代码。

css数字分页代码

网页代码:

<div class="page">
<a href="1">1</a>
<a class="active">2</a>
<a href="3">3[......]

阅读全文

Tags: ,
飞鱼

css中把相同部分统一合并管理的写法

如果你的css样式有相同的部分,可以单独拿出来用逗号隔开。这样既可以精简你的css,又方便修改。术语中好像把这个叫做css分组。

比如:

.css1{background-color: #0f0f16; border: 1px solid #0f0f16; color: #FFFFFF;[......]

阅读全文

Tags:
飞鱼