使用样式修饰页面

使用样式修饰页面

ID:27649917

大小:1.50 MB

页数:45页

时间:2018-12-05

使用样式修饰页面_第1页
使用样式修饰页面_第2页
使用样式修饰页面_第3页
使用样式修饰页面_第4页
使用样式修饰页面_第5页
资源描述:

《使用样式修饰页面》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第七章使用样式修饰页面本章学习目标熟悉CSS样式面板掌握创建和使用一些常用的CSS样式的方法掌握通过CSS样式管理和修饰页面的方法1.CSS样式的创建CSS的全称是CascadingStyleSheets,中文翻译为“层叠样式表”,简称样式表。CSS可以扩展HTML的功能,美化页面最基本的功能就是为了将样式的定义与HTML文件分离开来。我们定义一个CSS文件,并让所有HTML文件都调用这个CSS文件所定义的样式,以后要更改HTML中某段落的样式时,只要到CSS文件中,更改样式的定义即可。在CSS里面可以使用四种方法,将样式表添加到网页里面。分别为:直接定义标记的STYLE属性(不建议)定

2、义内部样式表嵌入外部样式表连接外部样式表(1)直接定义标记的STYLE属性aaa

bbb

ccc

ddd

实例1css_zhijiedingyicss.htm(2)定义内部样式表在实例201css_zidingyineibuyangshi.htm其中的样式名称可以放在一起,表

3、示相同的样式属性。如样式名称1,样式名称2{样式属性:属性值;样式属性:属性值;……}实例:202css_zidingyineibuyangshi.htm可以使用CLASS与ID选择符, 在CSS里定义样式Clsss类选择符的使用语法:实例211css_zidingyineibuyangshi.htm利用ID指定选择符定义样式用class时“标记名称.样式名称”用id定义时“标记名称#样式名称”(3)嵌入外部样式表将样式定义在独立的CSS文件中,当浏览器在进行HTML文件的读取时,将以嵌入的方式,复制一份样式表到这个HTML文件中。嵌入外部样式表的语法:实例213css_qianruwaibucss.css213css_qianruwaibucss.htm(4)连接外部样式表当浏览器读取到HTML文件内设置格式的标记时,将会向所连接的外部样式表索取样式。连接外部样式表的语法:<

5、linktype=“text/css”rel=stylesheethref=“外部样式表的文件名称”>四种方法同时出现时的使用顺序直接定义标记的style属性最为优先。其他三种如果同时出现,且各方法定义的样式又不相同时,浏览器会选择较后定义的样式显示。展开“设计”面板,并选中“CSS样式”标签,出现“CSS样式”面板新建特定类型的样式“确定”,完成创建单击面板右下角的“新建CSS样式”按钮,创建CSS样式,弹出“新建CSS样式”对话框。名称:CSS样式的命名类型:自定义或HTML标签属性、超链接属性更改定义在:CSS样式的作用范围和保存位置2.CSS样式对话框的设置类型背景区块方框边框列

6、表定位扩展类型:主要用于定义文字的属性。返回该节背景:主要用于设置CSS样式的背景,包括背景颜色、背景图像、背景图像的控制等。返回该节重复:设置图像作为背景时是否需要重复显示。附件:设置背景图像是否跟随内容滚动。区块:主要用于设置文本的文字间距、对齐方式、排列方式、文字缩进等。返回该节垂直对齐:应用于图像,可以设置图文的对齐方式方框:主要用于设置元素在页面中的位置。包括元素的边界、宽度、高度和浮动方式等。返回该节注:方框(盒子)属性把对象作为一个整体看待,装在一盒子里边框:主要用于设置边框的样式。返回该节列表:主要用于设置文本列表的类型、列表项图片等。返回该节定位:主要设置对象在网页中的

7、具体位置。返回该节扩展:主要用于制作鼠标样式、图片特殊效果返回该节3.CSS样式的管理新建样式应用样式编辑样式删除样式附加样式套用:选择希望应用所选样式的对象,右键点击样式名称,在菜单中选择”套用”编辑:修改、添加样式的具体内容删除:删除选择的样式附加:链接外部样式表实例1:重定义特定标签定义“source/7”目录下的文件夹“7-2-1”为站点目录。打开7-2-1.htm页面。新建CSS样式,保存样式在text1.css样式文件中

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。