编程世界 - 计算机爱好者和编程爱好者的天堂!

编程世界

当前位置: 主页 > 网页设计 > Dreamweaver >

DW MX 2004的CSS新功能(2)

时间:2008-11-30 01:30来源:编程世界 作者:无名 点击:
二、页面的CSS属性 三、CSSStyle面板的应用 四、CSS 语法提示 五、实例体验 四、CSS 语法提示 我们源代码视图中编辑CSS的时候,只输入一个CSS的样式名称和冒

  二、页面的CSS属性
  三、CSS Style面板的应用
  四、CSS 语法提示
  五、实例体验

  四、CSS 语法提示

  我们源代码视图中编辑CSS的时候,只输入一个CSS的样式名称和冒号,然后在空白的地方点击鼠标,Dreamweaver MX 2004会自动弹出一个选单,列出该样式可以使用的参数。如图8。我们只要在弹出的下拉菜单中选择要编辑的CSS样式就可以了,省去自己输入代码的麻烦。


图8

  文章导读:

  一、属性面板的改进
  二、页面的CSS属性
  三、CSS Style面板的应用
  四、CSS 语法提示
  五、实例体验


  五、实例体验

  下面我们利用CSS Rule和Relevant CSS面板来设置网页的CSS样式。

  1.在Dreamweaver MX 2004中,提供了已经设置好CSS的网页模板,在Page Designs(CSS)模板中选择第一个模板样式“Two - Columm Left Nav ”,然后将它保存为站点。

  2.下面我们在页面中找到“Feature Title”标题文字,在右边的功能模块中找到并打开“Relevanet CSS”这个界面。

  3.在“CSS Rule”中找到要处理的CSS类别,这里我们找到“<h3>”。如图9


图9

  4.改变这个“Font-Size”字体大小。原来的大小是“100%”,我们改变它的值为 36 个像素。文字马上变大,如图10


图10

  有了CSS这些新增的功能,我们在编辑网页的时候工作效率更高,效果更好。

(责任编辑:编程世界)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
栏目列表
推荐内容