当前位置：首页 > 建站知识 > 网站设计知识 > 网站建设css应用技巧分析

网站建设css应用技巧分析

来源：明企上海网站建设　　　　　已被阅读：1825 次

在web网页制作中,css样式表的应用随处可见。css样式表全称Cascading Style Sheet，中文叫作：层叠样式表单。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。css样式表具体使用方法如下：

1、当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便。

2、单个网页中使用的CSS，采用文档头部方式。

3、只有在一个网页一、两个地方才用到的CSS，采用行内插入方式。

三种用法可以混用，且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处理的：先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了；其次检查头部方式的CSS，有就执行了；在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出，三种CSS的执行优先级是：行内插入式、头部方式、外连文件方式。

在网页制作中，我们常用到的软件Dreamweaver，是如何用Dreamweaver快速创建CSS外连式文件？
对于一个初接触CSS的网页设计人员来讲，要用记事之类的编辑器，去创建一个CSS外连式文件是相当困难的。由于Dreamweaver对CSS支持的很好，用它来帮助就轻松多了。具体可以这样操作：
1）先在纸上写好在网站的网页中可能要用到的格名称，然后在Dreamweaver的编辑窗中调出CSS面板，一个一个地定义，并在一个空白页上适当地写一点相关内容，边定义边试用，效果不满意，立即修改；
2）全部定义好后，再用记事本创建一个空的CSS外连式文件，把在<head>与</head>之间的那段定义好的CSS复制到CSS文件中去，就大功告成了。整个过程就是点鼠标，方便吧？

在Dreamweaver中采用行内插入式CSS方法，先用CSS面板定义好要用的CSS，然后，在要插入CSS的标记插入：style=""，再把你刚才定义的CSS从<head>后面拖到这个双引号中来，把花括号以外的部分删去就行了。