专题制作·网页制作——CSS详解一概述CSS<5898>字节
CSS创建
|
选择新建样式，会弹出图1
再然后就是编辑样式了：图3
|
CSS应用
| 前面已经介绍了如何调用css样式了，就是在不同的标签后面使用 class=""，除了两种特殊情况外，其它均可以调用实现样式改变。两种特殊情况为：一、背景图片的行调用，表格分为行和列，行的标签是<tr></tr> 后面会细讲表格代码。在此记住，如果你希望表格中某单元格调用有背景图片的样式，那么千万不要调用到行标签中，例如：<tr class="bb"> </tr>否则无法显示（在Dreamweaver编辑时会显示，预览就不会显示了） ，要用列标签调用，例如：<td class="bb"> </td> ，第二种特殊情况，就是上面讲到的链接标签<a>属性中不宜用class调用样式，一般不会显示调用的样式 |
、表格内容（重点）
表格代码简介：
|
表格的标签标签是<table></table>，表格分为行和列，行的标签标签是<tr></tr>，列的标签标签是<td></td>，完整的表格代码是:<table width="500" border="0" cellspacing="0" cellpadding="0"> 以上代码的意思是，一个一行一列的表格，列<td></td>必须在行<tr></tr>内部，而行<tr></tr>又必须在表格标签<table></table>内部，<table width="500" border="0" cellspacing="1" cellpadding="2">的意思是此表格的宽度是500像素，当单位为像素时，后缀可以省略，如果说是百分比，则不能省略。 border="0"边框为0像素，cellspacing="1"表格间距为1像素，cellpadding="2"填充为2像素，常用的是边框border和间距cellspacing。 如果你想让以上这个表格之中的内容全调用aa样式，你只用这样改： |
行：
| 前面说了在调用css样式时，如果样式是具有背景颜色或背景图片的，那么用在行<tr></tr>中调用，就会出现在样式的背景Dreamweaver编辑时会显示，预览就不会显示了。 |
列：
| 刚才说了行调用样式的某些属性不会显示，所以我们一般在编辑网页时，尽量是在列<td></td>中调用某些样式 |
、常见问题
表格内容不居中
|
大家习惯性的点击这个 以后大家在表格中再想使用居中或是其它对齐方式时，尽量使用 |
居中，其实这个居中不是应用表格的，而是应用非表格的文本内容。当点了图1的居中后，大家会发现在居中的内容头尾自动生成了
这个地方的属性编辑。除非你只想让表格的某一行文件字居中，那样才使用图1的居中。
表格背景图案不显示
|
前面说过了，不要在行<tr></tr>中调用样式就没问题了 |
链接颜色字体不正确
| 这个问题好像是最常见的哟，其实问题很简单，大家只要记住我下面讲的方法就行了 举个例子：网页内有样式aaa,属性是字体颜色为白色 但网页的链接属性是：未打开的链接字体为黑色，已打开链接字体为棕红色 在这时，你选择了要编辑的链接文件，无论你怎么选择样式，可就是不变色。原因就在于我上面讲到的<a>属性，当你选择链接文字进行编辑后，无论你怎么换样式，也只是换了<a>中的class样式，上面说了，<a></a>之间的内容只默认为整页的链接样式，不显示新赋值的样式。在代码只会显示为<a href="http://www.163.com" target="_blank" class="aaa" >链接文字</a>，当出现这种情况，你可以用以下方式来改变，将代码添加点东西： <a href="http://www.163.com" target="_blank" class="aaa" ><span class="aaa">链接文字</span></a>在<a>标签中添加<span>标签，将样式赋值给span标签即可，但注意，<span></span>标签必须是包裹链接文字，但同时在<a></a>标签之内的，否则无效 |
设计视图虽然可以直观的编辑网页，但在一些细节或是功能上，还是需要代码来辅助的，以上讲解的都是常用的代码，大
家在做新闻专题时会经常碰到的，本来想早点写出来的，但这个月一直在忙728的活动，所以现在才写出来，嘿嘿，有什
么遗漏的地方，大家指出来，我补充进去。
编辑
