189 8069 5689

dw中css属性有几种类型

小编给大家分享一下dw中css属性有几种类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

公司主营业务:做网站、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出本溪免费做网站回馈大家。

在dw中css属性有八类,分别是:1、Type类型;2、Background背景;3、Block块;4、Box盒子;5、Border边框;6、List列表;7、Positioning定位;8、Extensions扩展。

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

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

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

dw中css属性有几种类型

方法一:

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

<标记名 style="CSS样式属性名值对">

例如这是内容

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

缺点:

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

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

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

4.不如用内部样式方便

优点:

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

方法二:

采用内部样式:

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

dw中css属性有几种类型

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

如图:

dw中css属性有几种类型

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

效果图如下:

dw中css属性有几种类型

方法三:

采用外部样式:

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

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

dw中css属性有几种类型

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

为了引用样式文件中的通用CSS样式,需要在页面的头部使用标记,格式如下:

以上是“dw中css属性有几种类型”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文名称:dw中css属性有几种类型
转载源于:http://cdxtjz.com/article/ipjopd.html