网上科普有关“DW制作网页时使用CSS该注意什么！”话题很是火热，小编也是针对DW制作网页时使用CSS该注意什么！寻找了一些与之相关的一些信息进行分析 ，如果能碰巧解决你现在面临的问题 ，希望能够帮助到您。
很多CSSer是从以前的网页制作中开始学习CSS网页布局的，或许还存在着一定的DW习惯。希望此文能帮助大家理解和纠正一些不好的习惯 。
由于“可视化”和操作简便 ，在DW中编写CSS的朋友很多 ，今天我们介绍一些在DW中编写CSS的“最佳习惯 ”，希望对大家有所帮助 。
CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求 ，Macromedia DW MX引进了一些新的及改善过的CSS相关的特性 。有了这些新的特性 ，你可以为未来的更新作好计划，开发与W3C标准更加兼容的站点 。本文讨论在DW MX中使用CSS以及突出某一特定CSS特性时的一些建议。
一般地讲 ，样式表(style sheet)就是控制网页内容外观的格式化的规则的集合 。可以以三种不同的方式在你的页面中使用CSS：
代码式(Inline)：写入到代码中的一次性的样式 。
内嵌式(Embedded)：可控制一个页面中所有元素的样式表
外联式(External)：可控制许多页面中的元素的样式表
事实上 ，许多站点都根据需要把这三种方式结合起来使用。
在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS 。除了网络浏览器的差异之外，你还要意识到还有很多其他的浏览器 ，比如听力浏览器 ，基于电视的浏览器以及Palm pilot和TTY(teletypewriter，远程打字机)一类的手持设备 。
大多数技术都有自己约定俗成的标准。CSS也不例外 。虽然并非网络上存在的所有CSS都很规范，但按照现有标准来使用CSS却还是不无裨益的 。一般来说 ，开发人员应尽可能将内容与报告分离开来。这样做的好处在于：
1、增加站点的寿命
不规范的样式表可能在当时觉得很方便 ，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义 。
2 、让你的站点对所有的用户以及浏览器都适用
有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览 。为残障认识设计的浏览设备 ，比如听力浏览器 ，对CSS规范性要求极其严格。
3 、让站点更新和维护更加轻松
使用方式得当的话，CSS可让你在一个页面中的调整快速应用到所有页面中去 。
你首先要做的选择是使用哪一种样式表 。当涉及到最佳习惯时 ，对不同样式表的分析如下：
Inline CSS：简单地说 ，你应该尽量避免使用。除了一些其他的缺点之外，使用Inline CSS意味着你并没有利用到CSS的真正优点 ，即你并没有将内容与格式分离开 。DW MX使用Inline CSS主要是为了定位页面元素(这些元素在DW MX的用户界面中称为“层(layer) ”) ，或者为了使用某个DHTML特效，它需要使用Inline 样式的javascript来改变一个对象的属性 。
Embedded CSS：它也不是最理想的 ，因为它只能对当前页面施加影响。在更新的过程中 ，如果某一个页面丢失，将会使站点的风格不一致;另外，当用户浏览你的站点时 ，每一页都要下载一次样式表信息 。
External CSS：这是你的第一选择 。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领 ，更改一次，轻松更新所有相关页面;让你的页面体积更小 ，浏览速度更快。
DW中常用css样式四种类型详细解析说明？
Dreamweaver应该大家都知道吧（以下简称DW） ，这是著名美国MacROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器 。由于DW的功能之强大，所以可以在他里面直接定义CSS（样式表） ，而就是这css给我出了个小难题 。
事情是这样的 ， 我用css主要是改变一下我的超级连接的颜色和下划线的有无。在DW里定义css的确很方便，里面的参数他都为你设置好了 ，只要你点鼠标就行了。正是由于他的简单 ，而使他带来了一个小问题（就我自己认为）：
style type="text/css"
!--
a:hover { color: #FF3333; text-decoration: underline}
a:link { color: #3333FF; text-decoration: none}
a:visited { color: #3333FF; text-decoration: none}
--
/style
就在我准备上网求助的时候，突然我的眼睛一亮 ，该不会是这个原因吧！原来那个我找来的代码和我自己的代码 ，只有一点点不同就是---顺序不同，因为我想顺序不是很重要吧！就没有注意 。接下来就是改了，再一试 ，哇 ，成功！唉看来以后定义css只有手写的或在DW里定义了再改 。真麻烦，我还以为有DW就变简单呢 ，没想到还是要手定代码。如果那位高手还有好办法请来信告之！以下是改了的代码：（是不是不容易注意啊！）
style type="text/css"
!--
a:link { color: #3333FF; text-decoration: none}
a:visited { color: #3333FF; text-decoration: none}
a:hover { color: #FF3333; text-decoration: underline}
--
/style
1、外部样式
格式：
举例：
用处：这种形式是把css单独写到一个css文件内 ，然后在源代码中以link方式链接 。它的好处是不但本页可以调用，其它页面也可以调用 ，是最常用的一种形式 。
备注：Rel：指明连接的是什么文件；Type：指明引入的文件的格式类型；Href：指明文件的路径 ，以引入文件为基准的相对路径。
2 、内部样式
格式：
这样的话，该文件中的所有P标签都将应用该style样式 ，而不需要在没一个html标签中写 。
用处：这种形式是内部样式表 ，它是以结尾，写在源代码的head标签内 。这样的样式表只能针对本页有效。不能作用于其它页面
3 、举例：
4、行内样式：就是直接在html标签后面写样式代码
啊啊啊啊
用处：这种在标签内以style标记的为内部样式 ，内部样式只针对标签内的元素有效 ，因其没有和内容相分离，所以不建议使用 。
5 、导入样式
@importurl(\"/css/global.css\");
链接样式是以@importurl标记所链接的外部样式表，它一般常用在另一个样式表内部 。如layout.css为主页所用样式 ，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中 ，然后在layout.css中以@importurl(\"/css/global.css\")的形式链接全局样式，这样就使代码达到很好的重用性。
6 、CSS规则由两个主要的部分构成：选择器 ，以及一条或多条声明 。
selector{declaration1;declaration2;...declarationN}
选择器通常是您需要改变样式的HTML元素 。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（styleattribute）。每个属性有一个值 。属性和值被冒号分开 。
selector{property:value}
下面这行代码的作用是将h1元素内的文字颜色定义为红色 ，同时将字体大小设置为14像素。
在这个例子中，h1是选择器 ，color和font-size是属性 ，red和14px是值 。
h1{color:red;font-size:14px;}
提示：请使用花括号来包围声明 。
关于“DW制作网页时使用CSS该注意什么！”这个话题的介绍，今天小编就给大家分享完了 ，如果对你有所帮助请保持对本站的关注！
本文来自作者[翠雁]投稿，不代表石号立场，如若转载，请注明出处：https://s0429.com/cshi/202512-2387.html
评论列表（4条）
我是石号的签约作者“翠雁”！
希望本篇文章《DW制作网页时使用CSS该注意什么！》能对你有所帮助！
本站[石号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“DW制作网页时使用CSS该注意什么！”话题很是火热，小编也是针对DW制作网页时使用CSS该注意什么！寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临...