欢迎来到天天文库
浏览记录
ID:43920831
大小:1.50 MB
页数:45页
时间:2019-10-16
《JAVA培训大纲》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第七章使用样式修饰页面本章学习目标熟悉CSS样式面板掌握创建和使用一些常用的CSS样式的方法掌握通过CSS样式管理和修饰页面的方法1.CSS样式的创建CSS的全称是CascadingStyleSheets,中文翻译为“层叠样式表”,简称样式表。CSS可以扩展HTML的功能,美化页面最基本的功能就是为了将样式的定义与HTML文件分离开来。我们定义一个CSS文件,并让所有HTML文件都调用这个CSS文件所定义的样式,以后要更改HTML中某段落的样式时,只要到CSS文件中,更改样式的定义即可。在CSS里面可以使用四种方法,将样式表添加到网页里面。分别为:直接定义标记的S
2、TYLE属性(不建议)定义内部样式表嵌入外部样式表连接外部样式表(1)直接定义标记的STYLE属性
ccc
3、ngshi.htm其中的样式名称可以放在一起,表示相同的样式属性。如样式名称1,样式名称2{样式属性:属性值;样式属性:属性值;……}实例:202css_zidingyineibuyangshi.htm可以使用CLASS与ID选择符,在CSS里定义样式Clsss类选择符的使用语法:实例211css_zidingyineibuyangshi.htm利用ID指定选择符定义样式用class时“标记名称.样式名称”用id定义时“标记名称
4、#样式名称”(3)嵌入外部样式表将样式定义在独立的CSS文件中,当浏览器在进行HTML文件的读取时,将以嵌入的方式,复制一份样式表到这个HTML文件中。嵌入外部样式表的语法:实例213css_qianruwaibucss.css213css_qianruwaibucss.htm(4)连接外部样式表当浏览器
5、读取到HTML文件内设置格式的标记时,将会向所连接的外部样式表索取样式。连接外部样式表的语法:四种方法同时出现时的使用顺序直接定义标记的style属性最为优先。其他三种如果同时出现,且各方法定义的样式又不相同时,浏览器会选择较后定义的样式显示。展开“设计”面板,并选中“CSS样式”标签,出现“CSS样式”面板新建特定类型的样式“确定”,完成创建单击面板右下角的“新建CSS样式”按钮,创建CSS样式,弹出“新建CSS样式”对话框。名称:CSS样式的命名类型:自定义
6、或HTML标签属性、超链接属性更改定义在:CSS样式的作用范围和保存位置2.CSS样式对话框的设置类型背景区块方框边框列表定位扩展类型:主要用于定义文字的属性。返回该节背景:主要用于设置CSS样式的背景,包括背景颜色、背景图像、背景图像的控制等。返回该节重复:设置图像作为背景时是否需要重复显示。附件:设置背景图像是否跟随内容滚动。区块:主要用于设置文本的文字间距、对齐方式、排列方式、文字缩进等。返回该节垂直对齐:应用于图像,可以设置图文的对齐方式方框:主要用于设置元素在页面中的位置。包括元素的边界、宽度、高度和浮动方式等。返回该节注:方框(盒子)属性把对象作为一个
7、整体看待,装在一盒子里边框:主要用于设置边框的样式。返回该节列表:主要用于设置文本列表的类型、列表项图片等。返回该节定位:主要设置对象在网页中的具体位置。返回该节扩展:主要用于制作鼠标样式、图片特殊效果返回该节3.CSS样式的管理新建样式应用样式编辑样式删除样式附加样式套用:选择希望应用所选样式的对象,右键点击样式名称,在菜单中选择”套用”编辑:修改、添加样式的具体内容删除:删除选择的样式附加:链接外部样式表实例1:重定义特定标签定义“source/7”目录下的文件夹“7-2-1”为站点目录。打开7-2-1.htm页面。新建CSS样式,保存样式在text1.css
8、样式文件中
此文档下载收益归作者所有