我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > dreanweaver > DreamweaverMX2004CSS概述
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

DreamweaverMX2004CSS概述 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-11-25


-->
? 一.CSS概述

  如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进。今天给大家具体谈谈如何使用Dreamweaver MX 2004 CSS功能,我相信当你看完这个教程之后你会觉得CSS使用是那样的简单,而创作出来的效果却是惊人的。


  现代网页制作离不开 CSS技术,采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 用CSS不仅可以做出美观工整令浏览者赏心悦目的网页,还能给网页添加许多神奇的效果。


  创建CSS样式表的过程,就是对各种CSS属性的设置过程,所以了解和掌握属性设置非常重要。在DW MX 2004的CSS样式里包含了W3C规范定义的所有CSS1的属性,把这些属性分为:类型、背景、区块、方框、边框、列表、定位、扩展等八个部分,如下图:


点击放大
(图片较大 请放大后查看)


  DW MX 2004 实现CSS属性设置功能是完全可视化的,无需编写代码。下面我们分别详细讲解。 为了便于理解,从开始创建新的 CSS 样式表说起:


  【创建新的 CSS 样式】


  将插入点放在文档中,然后执行以下操作之一打开“新建 CSS 样式”对话框:


  在“CSS 样式”面板(“窗口”>“CSS 样式”)中,单击面板右下角区域中的“新建 CSS 样式”按钮,如下图:



  在文本属性检查器中,从“样式”弹出式菜单中选择“管理样式”,然后在出现的对话框中单击“新建”。


  在“相关 CSS”选项卡(选择“窗口”>“标签检查器”,然后单击“相关 CSS”选项卡)中右键单击,然后从上下文菜单中选择“新建规则”。


  选择“文本”菜单>“CSS 样式”>“新建(N)…”。


  “新建 CSS 样式”对话框随即出现,如下图:



  定义您要创建的 CSS 样式的类型:


  若要创建可作为 class 属性应用于文本范围或文本块的自定义样式,请选择“创建自定义样式 (Class)”,然后在“名称”文本框中输入样式名称。


  注意:类名称必须以句点开头,并且可以包含任何字母和数字组合(例如,.mycss)。如果您没有输入开头的句点,DW MX 2004将自动为您输入。


  若要重定义特定 HTML 标签的默认格式,请选择“重定义标签”,然后在“标签”字段中输入一个 HTML 标签,或从弹出式菜单中选择一个标签。


  若要为具体某个标签组合或所有包含特定 Id 属性的标签定义格式,请选择“使用 CSS 选择器”,然后在“选择器”文本框中输入一个或多个 HTML 标签,或从弹出式菜单中选择一个标签。弹出式菜单中提供的选择器(称作伪类选择器)包括 a:active、a:hover、a:link 和 a:visited。


  选择定义样式的位置:


  若要创建外部样式表,请选择“新建样式表文件”。


  若要在当前文档中嵌入样式,请选择“仅对该文档”。


  单击“确定”。





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。