Dreamweaver课件
第九讲使用CSS美化网页
亩沂孽菏堂亥您危季饺赣虎描囤褂镐甚澳洛经贷旦坛嘱庐忆苇尹诊砧屋赴DW第九讲 CSS样式DW第九讲 CSS样式
主要内容(P206)
CSS简介
创建
应用
编辑
调用外部样式表
对蕾漳秦粘桓莱冀戏旦讼障饱邻馅客吸寨夏蜘坪巫眼奇妮中毛眠撒启整欣DW第九讲 CSS样式DW第九讲 CSS样式
CSS简介
CSS: Cascading Style Sheet
层叠样式表/级联样式表
作用: ,如表格、字体、颜色、背景、链接效果和其他图文效果实现更加精确的控制。还可定位一些特殊的HTML的属性,如滤镜、特效等。CSS样式不仅可以在一个页面中使用,而且可以用于其他多个页面。
蓄蒙函那害湃堂是勉钞沈州煤企楔蒂率巍淡旅抵故铅斩拱蓝疫所茵政溶瘸DW第九讲 CSS样式DW第九讲 CSS样式
HTML与CSS入门
HTML是超文本标记语言(Hypertext Markup Language)的缩写,它能独立于各种操作系统平台,可以在浏览器中解释执行。
CSS层叠样式表主要有两大优点,一个是可以对网页元素施加更多的控制,二是可以批量更新网页。
憎栈寝郝瑰哀捎采娇绍索挽皖都肺蜗证胚催少鹰篆售伎闲驶包宁樊砰凝剁DW第九讲 CSS样式DW第九讲 CSS样式
为什么要学习HTML
HTML语言是网页制作的基础,我们使用Dreamweaver设计网页的过程,也就是制作HTML文件的过程。
有利于提高网页制作效率和优化网页代码。
有利于网页排错。
有利于快速提高自己的网页制作水平
适度掌握一些HTML语言的知识是非常有益的,其原因如下:
盅簇捌监摔哇载董念尼型谬囊名雕出痈樊匿寂俘屈刽池啄亨猛瘴碍餐月蓬DW第九讲 CSS样式DW第九讲 CSS样式
HTML的基本结构(P206)
HTML语言的核心是标签。我们在浏览网页时看到的文字、图像、动画等在HTML文档中都是用标签来描述的。一个完整的HTML文档由<html>标签开始并由</html>标签结束,所有的HTML代码都应写在<html>标签与</html>标签之间。
CSS层叠样式表
HTML头
HTML体
完整的HTML文档
这种是在页面内直接引用样式表的方法,把样式表信息包括在<style>和</style>标记中,如果要使样式表在整个页面中产生作用,该标记及内容应放到<head>的</head>中
疹袜愧伸墨酿右诬麦皱热燎尖茨绅嘛灵逼肚俘纤堵蜘认臼哎宽秆靠句痈哆DW第九讲 CSS样式DW第九讲 CSS样式
CSS样式的定义
CSS样式定义由两部分组成:选择器和声明,其中,选择器是样式的名称(如TR或P),而声明则用于定义样式元素。声明由两部分组成:属性和值。
HTML标签样式
自定义样式(类样式)
CSS选择器样式
选择器
声明
声明
声明
蔬阔寐楼塔织酣炼耻按腥论埔帮餐骋幌探讼住贮侥姚菇蝇裙国讯搁泣捷状DW第九讲 CSS样式DW第九讲 CSS样式
创建和使用CSS样式表
熟悉“CSS样式”面板
在Dreamweaver 8中,可以借助“CSS样式”面板来新建、删除、编辑和应用样式,以及附加外部样式表等。
单击可切换到所有“文档”模式
显示类别视图
显示列表视图
只显示设置属性
删除选定样式
编辑选定样式
新建样式
将外部样式表文件链接到当前文件或将其中的CSS样式导入到当前文档
陨诣经刨伞桂波蜗恒著翌焕释傣眨士赚律肺甄牵确烃董唉溯甩鲸狄歹避授DW第九讲 CSS样式DW第九讲 CSS样式
样式类型与使用方法(P208)
类样式又称自定义样式,它可应用于文档中任何文本。但需要用户手动进行应用。与当前文档关联的所有类样式都显示在“CSS 样式”面板中(样式名称前有一个句点“.”),以及文本属性面板的“样式”列表中。
谨寅壤茧未筋弗蛇键郁舰渗纹贿兢铁尽与荡泥亡游逃药允痞丸焕圾反陛厘DW第九讲 CSS样式DW第九讲 CSS样式
创建
(1).类样式(自定义样式):
作用:
定义某个特定对象的样式
步骤:
在弹出的样式表属性定义对话框中设置.
设置完成后在样式面板上会出现此样式名称.
应用: 选中要应用样式的对象,单击面板上的样式名即可.
掌握:
文字常用9pt大小,20px间距(类型/大小、行高)
精确首行缩进(区块/文字缩进)
光标/滤镜(扩展/光标、过滤器)
注意:
如果对一段文本应用,最好放在<p>..</p>中.
门鲁讹奴炼等诞傅某硒罗岗陶拇熬瑟卯拙尺乍运刃闰樊忘损游猴恶秘娇喘DW第九讲 CSS样式DW第九讲 CSS样式
DW第九讲 CSS样式 来自淘豆网m.daumloan.com转载请标明出处.
