Category: 招数学习

招数学习

CSS单元的位置和层次

我们都知道，在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象，即使这样也不能保证定位的精确，因为浏览器和操作平台的不同会使显示的结果发生变化。
　　而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性，你可以精确地设定要素的位置，还能将定位的要素叠放在彼此之上，还有…还有……你自己慢慢看吧！
　　Cascading Style Sheets（CSS）是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning（CSS-P）是 CSS 的一个扩展，它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词：CSS 和 CSS－P。下面四个英文网址提供了详细的关于 CSS 和 CSS-P 的文件和解释。

Official CSS-Positioning Working Draft

2005-12-17
招数学习

CSS的背景属性

该部分的主题是控制单元背景的CSS特性。
　　这里的背景是指置于样式单元内容之后的颜色和图像。这些特性是BODY单元的 background 和 bgcolor 属性更一半意义上的代替，它们可以指定单元的背景，也可以对背景的位置和平铺状态进行控制。CSS提供了6个与背景有关的特性，它们分别控制背景颜色、背景图像、背景图像定位和平铺格式。

　● 1．背景颜色　（background-color）

2005-12-17
招数学习

建立CSS文档

样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法：
　　HTML标志{标志属性:属性值; 标志属性:属性值; 标志属性:属性值; 标志属性:属性值; …}

　　下面我们分别讲述：
　　．HTML标志：在上一节我们已简要地介绍了一下， 有点需要注意的是，这些标志不带尖括号，如P,Div、Table等而不是

、

以及。

2005-12-17
招数学习

CSS的字体样式

在网上应用CSS技术最多的，就是字体样式控制方面。CSS样式表在字体的控制方面远远要比HTML强，而且还可以跨越浏览器的界线。

　● 1．按照字体名称调用字体　（字体名称的属性是：font-family）

　　看了这个标题，有些朋友可能认为，“本身HTML都可以设置字体啦”，对！但如果浏览网页的用户没有你设置的那种字体怎么办呢？还记得我们的中文内码问题吗？GB2312，当我们定义了主页内码为GB2312后，虽然解决了中文字符自动换行的问题，但是页面里所有的英文都只能用宋体字库的英文显示，即使我们定义了页面里的英文用其它英文字体显示，但最后的结果是没有任何作用。该项属性功能可以跨越不同的浏览器（首要条件当然是支持CSS），不同的系统，即使在用GB2312内码的页面中，你都可以定义页面中的英文字体。

2005-12-17
招数学习

滚动条样式设置

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
background-image: url(back_03.gif);

2005-12-17
招数学习

CSS独门技巧大放送

一.使用css缩写
　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

　　二.明确定义单位，除非值为0
　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

2005-12-17
招数学习

用CSS实现字体阴影的效果

虽然对高手来说，有点过时了，但是有时候能用上的。

CSS中有两种阴影效果,一种是DropShadow(投影),另一种是Shadow(阴影).
1、DropShadow
语法：{FILTER:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)}

2005-12-17
招数学习

表格边框的css语法整理

我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。

　　有关表格边框的css语法

　　具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。

2005-12-13
招数学习

比较漂亮的链接样式