在dwcss属性有哪几类
首先介绍一下CSS样式的属性:
CSS样式属性被分为八大类:类型,背景,区块,边框,列表,定位,扩展。
类型主要定义文本的字体,大小,颜色,行高和修饰等。如图所示:
方法一:
内联样式可以通过style属性直接套进定义对象的HTML标记中去,即style属性值就是内联样式,使用格式如下:
<标记名 style="CSS样式属性名值对">
例如<span style="font-size:24px;color : red;">这是内容</span>,
使用内联样式有如下的优缺点:
缺点:
1.内联样式会与需要展示的内容融合在一起,因此会使网页维护工作非常麻烦
2.使用内联样式需要记忆大量的CSS样式属性名,因此,实际中很少使用内联样式
3.CSS样式中的部分属性与HTML标记的属性不相同,例如表示文本大小的CSS样式属性名为font-size,而<font>标记中表示文本大小的属性名为size
4.不如用内部样式方便
优点:
1.该用法可以用于几乎任何HTML标记
方法二:
采用内部样式:
在DW的样式面板(按下shift F11即可调出)单击加号,新建通用样式,如图:
然后完成对样式的设置,就会在代码窗口中出现该样式的定义。
如图:
可以将样式名前的“·”修改为“#”,此时引用“#”样式则需要使用id属性而不是Class属性。
效果图如下:
方法三:
采用外部样式:
内部样式是指在页面文档头部建立的CSS样式,可供本页面中所有的HTML标记引用。如果要建立所有页面都能使用的样式,则需要建立外部样式。
在上面的窗口里,有三个HTML标记,(body,td和th分别代表主题,表格的单元格和表格的行的样式,它们会自动应用于文档的主体、表格的单元格和表格的行,实质上是重新定义HTML标记的外观,注:默认情况下,新建HTMl文档时,页面主体部分输入的文本大小是16px、黑色)
为了引用样式文件中的通用CSS样式,需要在页面的头部使用<Link>标记,格式如下:
<link rel="stylesheet" href="https://www.swvq.com/tool/dreamweaver/扩展名为CSS的样式文件名“>
rel=“stylesheet”表示引用文件和当前页面的关系,即引用文件修饰当前页面文件;href属性设置了引用的CSS样式文件。
然后就可以对任意新建的文档采用此CSS样式了。效果图如下:
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanffibg
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
photoshop蒙版画笔没反应怎么办
PHP中文网 06-24