易截截图软件、单文件、免安装、纯绿色、仅160KB

对DIV+CSS的一点心得体会,让你尽快学会布局设置

请看下面一段代码:
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT;">TEST</DIV>//直接设置样式
<DIV ID="login">TEST</DIV>//引用ID
<DIV class="left">TEST</DIV>//引用类
<DIV>TEST</DIV>
</BODY>
</HTML>
ID:表示唯一性,并且在这个页面中只会出现一次,我们它来表示布局的结构
CLASS:类,表示一组或一个具有同样性质的元素,它可以共用样式
#LOGIN表示某一个ID层,下面还可以设置类,比如#LOGIN.LEFT{TEXT-ALIGN:CENTER;},这个LEFT类可以在ID为LOGIN的框架中使用,其它地方无效


相关文档:

纯CSS实现的背景渐变条特效代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS渐变条</ ......

CSS嵌套选择器优先级计算

一组嵌套选择器的实际特性可以计算出来。基本的,使用ID选择器的值是100,使用class选择器的值是10,每个html选择器的值是1。
它们加起来就可以计算出特性的值。
p的特性是1(一个html选择器)
div p的特性是2(两个html选择器)
.tree的特性是10(1个class选择器)
div p.tree的特性是1+1+10=12,(两个html选择器 ......

你现在的CSS水平处于什么等级?

CSS(层叠样式表),可能看过网站制作教程网基础教程的人都知道大概是什么回事.本文来测一下,你学习CSS现在处于怎么一个阶段或者说处在一个什么等级.
       本文总共将CSS学习者从低到高分为六个等级.快来看看你是在哪个等级.
  第0级:CSS?什么CSS,是不是CS啊.那游戏我玩过呀.是个多人游 ......

CSS 文字与输入框对齐

在进行div+css网页布局的时候,不可避免的需要插入一定的表单元素,input是其中最常见的一种。我们在布局中,常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子,如何解决文本输入框与文本对齐的问题!
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号