dw的css样式怎么删除掉,三种方法教你DreamWeaver下如何应用CSS样式

首先介绍一下CSS样式的属性：

CSS样式属性被分为八大类：类型，背景，区块，边框，列表，定位，扩展。

类型主要定义文本的字体，大小，颜色，行高和修饰等。如图所示：

方法一：

内联样式可以通过style属性直接套进定义对象的HTML标记中去，即style属性值就是内联样式，使用格式如下：

例如这是内容，

使用内联样式有如下的优缺点：

缺点：

1.内联样式会与需要展示的内容融合在一起，因此会使网页维护工作非常麻烦

2.使用内联样式需要记忆大量的CSS样式属性名，因此，实际中很少使用内联样式

3.CSS样式中的部分属性与HTML标记的属性不相同，例如表示文本大小的CSS样式属性名为font-size，而标记中表示文本大小的属性名为size

4.不如用内部样式方便

优点：

1.该用法可以用于几乎任何HTML标记

方法二：

采用内部样式:

在DW的样式面板(按下shift+F11即可调出)单击加号，新建通用样式，如图：

然后完成对样式的设置，就会在代码窗口中出现该样式的定义。

如图：

可以将样式名前的“·”修改为“#”，此时引用“#”样式则需要使用id属性而不是Class属性。

效果图如下：

方法三：

采用外部样式：

内部样式是指在页面文档头部建立的CSS样式，可供本页面中所有的HTML标记引用。如果要建立所有页面都能使用的样式，则需要建立外部样式。

外部样式是一个以.CSS文件作为扩展名的文本文件，其中包含了许多个样式的定义，在DW中，使用菜单“文件”→“新建”→“常规”→“CSS样式表”，就进入了CSS样式文件的编辑窗口。如图所示：

在上面的窗口里，有三个HTML标记，(body，td和th分别代表主题，表格的单元格和表格的行的样式，它们会自动应用于文档的主体、表格的单元格和表格的行，实质上是重新定义HTML标记的外观，注：默认情况下，新建HTMl文档时，页面主体部分输入的文本大小是16px、黑色)

为了引用样式文件中的通用CSS样式，需要在页面的头部使用

标记，格式如下：

dw的css样式怎么删除掉,三种方法教你DreamWeaver下如何应用CSS样式相关推荐

html div 居中心,CSS实现DIV居中的三种方法
下面给大家分享div居中的实现代码,具体代码如下所示: demo .div1{ width: 100px; height: 100px; border: 1px solid #000000;} .di ...
CSS图片水平垂直居中的三种方法
CSS图片水平垂直居中的三种方法设置行高使用定位和translate 使用弹性盒子设置行高我们知道img元素为行内快元素,所以首先设置图片元素的父元素里文字水平居中,行高与整体高度一致. 其次 ...
三种方法教你开启/关闭win10系统唤醒睡眠模式时需要登录的教程
Windows系统的睡眠设置给我们带来了极大的方便,因为使用睡眠设置可以保存我们电脑的当前工作状态,再次唤醒睡眠模式时我们可以接着当前的工作状态继续操作,但默认情况下,系统处于安全考虑,当我们从睡眠模 ...
php psot传值_三种方法教你如何用PHP模拟post提交数据
php模拟post传值在日常的工作中用到的不是很多,但是在某些特定的场合还是经常用到的. 下面,我整理了三种php模拟post传值的方法,file_get_contents.curl和socket. ...
python控制示波器获取波形_三种方法教你用示波器快速捕获异常
万事开头难!当你想用示波器来分析问题时,你一定有想过,我要如何才能把问题抓下来?当然,只有抓下来之后,才能进行后面种种的分析,否则一切都是空谈.本文将带你用三种最好用的方法将异常抓下来. 一.滚动模式 ...
PDF文件如何转JPG图片？三种方法教你快速转换
PDF文件是我们经常用来处理工作的一种文件形式,它的体积很小,不仅占用储存空间很少,而且传输起来也非常方便,但是有时候我们也会根据工作需求来将PDF文件转换成其他类型的文件,为了浏览起来更方便,我们也 ...
PDF如何翻译成中文？三种方法教你怎样翻译PDF上的文字
小伙伴们在学习或工作中遇到外国文章时是不是会先翻译成中文再阅读呢?如果文章是word或者txt格式,我们可以直接复制文字进行翻译.但是有些文章为了看起来美观可能会生成PDF格式,我们想翻译的话,就需要 ...
【Code】代码答案错误怎么办？三种方法教你如何查错
查错的方法 1.目测法 1 首先你要找到一组使你程序错误的数据. 2 然后把你的大脑想象成电脑. 3一步一步执行程序中的语句. 4 比较你的输出结果和标准输出结果是否相同. 2.调试法其实很简单,就 ...
mac os 卸载java_三种方法教你在苹果Mac OS X系统中卸载软件
刚刚接触mac系统的用户们因为太过陌生,总会遇到很多问题.比如,近来就有一些朋友反馈不懂得该如何卸载mac电脑中的软件,这要怎么办呢?这样会很影响我们的使用.今天小编就来教大家苹果Mac OS X系统 ...

dw的css样式怎么删除掉,三种方法教你DreamWeaver下如何应用CSS样式

dw的css样式怎么删除掉,三种方法教你DreamWeaver下如何应用CSS样式相关推荐

最新文章

热门文章