发布于2007-12-13 02:03:25 |
详细内容( 51次阅读)
分项声明
搞懂了基本声明和整体声明后，现在要来谈谈分项声明了，这个内容基本上不用多讲，因为并没有什么特别的用法，看看下例就知道了：
<style type="text/css">
body{font-size:9pt; font-color:red}body{font-family:宋体; background:white}
</style>
你会发现，我们同时对标签做了两次声明，对！这就是我们今天要讲的分项声明，也就是说，对同一个标签，哦们可以做两次不同的声明，在CSS中，这是可以的！至于这样是多此一举？还是更加灵活？那就...
more
发布于2007-12-13 02:03:25 |
详细内容( 62次阅读)
整体声明的方法
1. 基本上，整体声明有两种方法，第一种就是针对一个标签，然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是：“针对一个标签，然后一次设定好几个样式”：
<stype="text/css">
body{font-size:9pt;font-color:red;background:white}
</style>
2. 你会发现，我们同时声明了：字形大小为 9pt、字形颜色为红色、背景为白色，这3个样式，为了将这三个样式分隔开，我们利用分号“；”来将之隔开，这...
more
发布于2007-12-13 02:03:25 |
详细内容( 90次阅读)
<style type="text/css">.showCSS{event:expression(onmouseover = function(){this.style.backgroundColor=#f0f0f0},onmouseout = function(){this.style.backgroundColor=#ffffff})}</style><div class="showCSS">把鼠标放上去试试看！：）</div>
more
发布于2007-12-13 02:03:26 |
详细内容( 91次阅读)
先看看代码，十分简单：
以下是引用片段：<style>.out { position:relative; background:#bbb; margin:10px auto; width:285px } .in { background:#fff; border:1px solid #555; padding:10px 5px; position:relative; top:-5px; left:-5px; } </style>
<div class="out"> <div class="in...
more
发布于2007-12-13 02:03:27 |
详细内容( 67次阅读)
看到上面的效果，你也许以为这是一张带文字的图片而已;呵呵，用你的鼠标去选取文字看看，发现了吧，这完完全全是一张图片和文字的组合，下面我就来介绍它是怎么做的。
先看看代码:
以下是引用片段：<div id="info"><h2>TRACKING YOUR IMAGES</h2><div id="holdit"><img src="http://www.knowsky.com//imagelist/06/24/4fnpgj5042e6.jpg" alt="Winnie the pooh" title="Winnie the pooh" /><em class="a420"></em><em class="a430"...
more
发布于2007-12-13 02:03:27 |
详细内容( 71次阅读)
代码如下： 以下是引用片段：<style>#galleryh { padding:0; margin:0 auto 5em auto; list-style-type:none; overflow:hidden; width:495px; height:240px; border:1px solid #888; background:#fff url(/imagelist/06/24/o9642o826u4n.gif); }#galleryh li { float:left; }#galleryh li a { display:block; height:240px; width:28px; float:...
more
发布于2007-12-13 02:03:27 |
详细内容( 76次阅读)
现看看其CSS样式表代码：
以下是引用片段：<style type="text/css"><!--#menu { font-size:12px; ...
more
发布于2007-12-13 02:02:36 |
详细内容( 44次阅读)
最近，我不得不对我的一个客户的旧网站进行更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和表格来做版面设计和空间分配。 像那时建构的很多网站一样，我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本。它没有使用任何CSS的更加强有力的版面设计功能，也没有允许HTML设备独立，而这是CSS可访问性的主要优点之一。 问...
more
发布于2007-12-13 02:02:37 |
详细内容( 131次阅读)
在table或div里显示文章的时候，如果是汉字，文章会根据table和div的width属性自动分行，但如果是英文，当单词长度超过table或div宽度的时候，table/div便会被撑开，有时候会造成页面很难看，这时可以给table/div设置如下样式：word-break:break-all;word-wrap:break-word; 单词超长的时候能够自动截断单词分行，避免上述情况的发生。
more
发布于2007-12-13 02:02:38 |
详细内容( 58次阅读)
利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是：
标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可以让图片脱离容器，定位于容器之外（本例子中图片的容器是class="main"的div）。但有一点需要注意的是，图片位置虽然脱离容器了，但它依旧在容器里占有一定空间，该例子中，无论怎么设置.main选择�...
more
当前位置：
0条评论 
Rss Feed
