在Dreamweaver中编写CSS需要掌握的技巧

Submitted by phifans on Tue, 12/20/2022 - 18:32

  由于“可视化”和操作简便,在DreamWeaver中编写CSS的朋友很多,今天我们介绍一些在Dreamweaver中编写CSS的“最佳习惯”,希望对大家有所

  CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS以及突出某一特定CSS特性时的一些建议。

  一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:

  代码式(Inline):写入到代码中的一次性的样式。  内嵌式(Embedded):可控制一个页面中所有元素的样式表  外联式(External):可控制许多页面中的元素的样式表

  事实上,许多站点都根据需要把这三种方式结合起来使用。

Dreamweaver生成新页面css的类失效

Submitted by phifans on Tue, 12/20/2022 - 18:31

今天做了一个页面,在本地计算机上浏览好好的,但是传到服务器上却发现其中一个css样式表的类却失效了。开始以为是编码的错误,转换了一下却没发现变化,调整了格式还是不行。到底怎么回事呢?

    仔细检查这个类,发现这个类是以数字开头的,名称为“14pxBtn”。难道是数字开头的错误?修改成“Btn14px”以后,上传浏览,发现完全正常啦!难道要求这么严格吗?

    仔细查看了一下,发现最新版本的Dreamweaver生成新页面之后,在网页最上方是一段代码,如下:"http://www.w3.org/TR/html4/loose.dtd">

    去掉这段就没问题啦,哈哈,看样子还真是要严格按照规范编码呀

Dreamweaver教程:在CS3中的CSS几个布局规则

Submitted by phifans on Tue, 12/20/2022 - 18:28

虽然我们一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。

  CSS文件的链接方式   ·附加链接:外部CSS文件   ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

  CSS规则定义有三种

  ·类比如“.RedText”、“.BlueText”和“.BigText”等等   ·标签针对原有HTML标签做的重新CSS定义   ·高级伪类、定义了ID的元素,以及综合性定义

  CSS规则的应用

  ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。   ·class与id的区别   ·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。   ·高级多运用,定义“#id li”比定义“li”要好得多。

  CSS规则的执行顺序

Dreamweaver教程:运用插件制作网页漂浮广告

Submitted by phifans on Tue, 12/20/2022 - 18:27

 本例为Dreamweaver实例教程,教程将向朋友们介绍运用插件制作网页漂浮广告,滑动图层,当网页卷轴拉动时,图层会跟着上来滑动,大部份网站拿来做滑动广告,也可以拿来做滑动选单,是网络上很常用到的效果....

在制作之前请先下载flevPersistentDivs.mxp插件:

作法:

先在 Dreamweaver 插入一個圖層

然後將廣告圖片放在圖層裡面

最後,在<body>標籤上使用這個插件即可

真是好用的外掛

安裝後會放在行為→新增行為→RibbersZeewolde→Persistent Layers

因為是英文的,所以我就貼上我知道的功能。

使用方法:

1、先在網頁上放一個圖層,並取名。

2、使用此行為。若此行為不能用,表示您選錯物件了,請慢慢找可以用的地方唄。

3、用了後會出現下圖:

Select Layer:選擇您想動的圖層。

DreamWeaver教程:表格内部文字自动换行技巧

Submitted by phifans on Tue, 12/20/2022 - 18:23

在使用Dreamweaver制作网页时,遇到制作表格的时候,内部的文字没有自动换行,我应该怎么做呢?下面提出两种解决方案,大家可以参考!在这里你如果知道该技巧,你可以略过!如果你不知道,不要说什么现在网页中已经没有表格了这样绝对的话啊?Web标准时代网页中照样应该是不能把表格完全抛弃的!呵呵.

  解决表格中文字自动的换行的情况有两种可能:

  第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在Dreamweaver里表格内的文字不会自动换行,但这仅是 Dreamweaver里的显示效果,在IE里其实是可以正常换行的。如果希望在Dreamweaver的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。

  第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:

<td style="word-break:break-all">aaaaaaaaaaaa...aaaaaaaaaaaa</td>

登陆窗口变小、按钮文字变小的解决方法

Submitted by phifans on Tue, 12/20/2022 - 18:22

打开网页的时候有时会发现网页中的登陆框变的很小,其他文字很正常。无论怎么调文字大小都不能用,下面给出解决的方法。

以IE8为例,其他浏览器道理是一样的。
1.新建一个记事本文件将以下代码粘贴进去:(注意不要有空行)
INPUT{
font-size: 10pt;
}
TEXTAREA{
font-size: 10pt;
}
BUTTON{
font-size: 10pt;
}
2.文件-->另存为-->input.css(找一个安全的地方放)
3.打开IE,选 工具-->Internet选项-->常规-->辅助功能-->用户样式表-->勾选“使
用样式表编排文档格式”
4.最后点击浏览,找到刚才你存放input.css的地方-->确定。。
5.不出意外的话就OK了。

CSS中的ul与li样式详解

Submitted by phifans on Tue, 12/20/2022 - 18:21

  ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。

  一、list-style-type属性

  list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。list-style-type属性是一个可继承的属性。其语法结构如下:(列举一些常用的属性值)

  list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman

  list-style-type属性的属性值有很多,在这里我们只是列举了比较常用的几个。