| css教程:CSS填充padding属性的应用 |
1179994280 |
| The CSS padding properties define the space between the element border and the element content.
CSS填充属性定元素边框到内部内容间的距离
设置左填充 Set&n...阅读全文 |
| css教程:CSS关于显示的分类属性的应用示例 |
1179994279 |
| The CSS classification properties allow you to specify how and where to display an element.
CSS分类属性允许你指定元素怎样显示并在哪显示。
怎样显示一元素 ...阅读全文 |
| css教程:CSS定位属性的应用 |
1179994276 |
| The CSS positioning properties allows you to position an element.
使用CSS定位属性可以让你定义元素的位置
如何让一元素相对于原始位置进行相对定位 Position:relative
This exampl...阅读全文 |
| css教程:CSS伪类 |
1179994275 |
| CSS pseudo-classes are used to add special effects to some selectors.
CSS伪类可用来给一些选择器加上特殊效果。
Hyperlink
如何在文档内给超级连接加上不同的颜色
This example&nb...阅读全文 |
| CSS实现当前页的滑动门菜单效果方法 |
1179994274 |
| 当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不 同,用以给浏览者一个明显的指示。
下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何 实现当前页。
设菜单有5个栏目:hom...阅读全文 |
| CSS样式表设计之10条技巧 |
1179994273 |
| 1.CSS 字体简写规则
当使用css定义字体时你可能会这样做:
Example Source Code [www.52css.com] font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-vari...阅读全文 |
| 关于同页面多个id选择符的释义 |
1179994271 |
| 我们在样式表定义一个样式的时候,可以定义id选择符也可以定义class符。例如:
Example Source Code [www.52css.com]ID方法:#test{color:#333333},在页面中调用<div id=\"test\">内容<div>
CLASS方法:.test{color:#3...阅读全文 |
| css网页布局兼容性有哪些要点与诀窍? |
1179994268 |
|
IE vs FF
CSS 兼容要点:DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text...阅读全文 |
| 如何用CSS制作纵向导航菜单? |
1179994267 |
|
应用Web标准进行网页制作以后,我们通常用ul无序列表标签来构建菜单。我们以前讨论过很多横向菜单的制作,在前面的文章中,我们讲述了《用“ul+li”及css制作韩国风格菜单》,是一种纵向的导航菜单。我们今天来看另一种纵向导航菜单,我...阅读全文 |
| CSS selector: class 与 ID 的区别! |
1179994266 |
| CSS selector:class 和 id 都可以使“单一选择符”有不同的样式
A1:二者主要的区别在哪里呢?
id你只能用来定义单一元素,定义二个以后。页面不会出现什么问题,但是W3检测的时候认为你页面不符合标准;class是类,同...阅读全文 |
| 同一元素应用多个class的优先级的测试! |
1179994265 |
| 使用多个class,以空格分开,如:<span class=\"a2 a1\">
效果:
Source Code to Run [www.52css.com]
a1
a2
a2 a1
a1 a2
[ 可先修改部分代码 再运行查看效果 ]
调换一下a1和a2的顺序 Source Code ...阅读全文 |
| css自动换行有什么技巧? |
1179994265 |
|
css自动换行有什么技巧?大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 C...阅读全文 |
| 50 Beautiful CSS Web-Designs in 2006 |
1179994264 |
| 2006 was rich on creative, beautiful and unusual design concepts. We’ve seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects -...阅读全文 |
| CSS常用缩写语法 |
1179994264 |
| 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:
颜色
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;
盒尺寸
通常有下面四种书写方法:
property:val...阅读全文 |
| 用CSS定义<li>和<hr>的样式 |
1179994263 |
| 本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助。
li {list-style-image: url(images/disc.gif);}
li的这个样式定义是将列表项目使...阅读全文 |
| IE7 beta2的CSS兼容性 |
1179994263 |
| 当IE7 beta1推出的时候,我在第一时间对它作了个测试。当时发现它对CSS的支持几乎没有任何变化,着实失望了一阵。MS在最近推出了IE7 beta2,这次有了不少新的改进和变化。但这些改进和变化会导致一些原来正常网页出现布局错误或者原来...阅读全文 |
| CSS Selector - CSS选择符详解 |
1179994262 |
| 一、类型选择符
什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。
如下:
Example Source Code [www.52css.com]body {}
div {}
p {}
span {}
二、群组选择符
...阅读全文 |
| CSS2.0 position属性 |
1179994262 |
| position属性可将元素以static(静态)、relative(相对)、absolute(绝对)、fixed(固定)的方式来安置。
position属性无继承性。
Possible Values 可能用到的值
static
The element is placed in a normal...阅读全文 |
| CSS代码编写常用技巧 |
1179994260 |
| CSS的常用技巧放送——使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参...阅读全文 |
| CSS样式表文件的优化及其技巧 |
1179994257 |
| CSS样式表的常用优化技巧和使用技巧,可以大大提高网页开发效率和更符合w3c标准。
一、使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
...阅读全文 |