HTML学习教程004(北大青鸟).PPT.ppt

HTML学习教程004(北大青鸟).PPT.ppt

ID:49948697

大小:2.33 MB

页数:36页

时间:2020-03-05

HTML学习教程004(北大青鸟).PPT.ppt_第1页
HTML学习教程004(北大青鸟).PPT.ppt_第2页
HTML学习教程004(北大青鸟).PPT.ppt_第3页
HTML学习教程004(北大青鸟).PPT.ppt_第4页
HTML学习教程004(北大青鸟).PPT.ppt_第5页
资源描述:

《HTML学习教程004(北大青鸟).PPT.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、第四章CSS样式表1回顾表单中提交数据的方法有那两种及其区别?创建一个登录界面需要哪些表单元素?target属性取值可以为哪些及其含义?2预习检查简述样式表的基本结构?常用的样式属性有哪些?3本章任务美化“宝贝分类”页面制作并美化“注册”页面4会创建统一外观的字体文本会创建无下划线的超连接样式会创建个性化的表格会创建个性化的表单本章目标5为什么需要CSS样式表演示示例1:演示能换皮肤的页面HTML标签的外观样式比较单一颜色只有黑白字体类型和大小无变化样式表的作用相当于华丽的衣服内容相同外观不同6为什么需要CSS样式表样式表能实现内容与样式的分离,方便

2、团队开发程序员写代码美工做样式内容与样式和谐统一的完整网页7样式表的基本语法样式表的基本结构P{color:red;font-size:30px;font-family:隶书;}……声明文档样式表结束文档样式表开始,类型为CSS样式样式规则选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值8样式表的基本语法样式规则P{color:re

3、d;font-family:"隶书";font-size:24px;}

静夜思

床前明月光,

疑是地上霜。

我是郭德刚,

低头思故乡。

查看源代码本页面中所有的P标签都应用了此样式所有的段落都采用P样式,保证风格统一用分号隔开选择器如何编写此样式?字体类型为律书、大小24px9.red{color:red;font-family:"隶书";font-size:24px;}……<

4、/STYLE>样式表的基本语法如果希望其他的标签也能采用P标签的样式,怎么办?其他标签和P标签应该采用相同的样式,所以要为它们定义一个共享样式。类样式(class).类名样式规则10样式表的基本语法样式规则.red{color:red;font-family:"隶书";}静夜思床前明月光,

疑是地上霜。

我是郭德

5、刚,

低头思故乡。

查看源代码CLASS类选择器为类选择器定义的样式规则应用类选择器class=”类名“

标签要应用同一样式如何实现这样的样式效果?字体类型都为隶书11常用的样式属性文本属性文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐使用font-size、font-family、color实现宋体,字体大小12px字体大小16px要实现如下图所示的文本样式,该如何编写?12

6、常用的样式属性P{font-size:12px;font-family:"宋体";text-align:left;}.bigFont{font-size:16px;color:red;}【新闻】[设搜狐为首页]9月1日·世锦赛刘翔12秒95夺冠成就大满贯

·我国实施不安全食品召回制度遏制非法出口

…..查看源代码声明P标签样式声明名称为bigFont类样式,它可被多个标签共享应用类样式用class=”类名“13小

7、结1编写如下图所示效果对应的HTML代码练习答案黑体,字体大小20px字体大小14px,蓝色练习代码14常用的样式属性背景属性背景属性说明background-color设置背景颜色background-image设置背景图像background-repeat设置一个指定的图像如何被重复可取值repeat-x、repeat、no-repeat、repeat-y演示示例2:使用不同的背景属性……table{background-image:url(images/type_back1.jpg);backgrou

8、nd-repeat:no-repeat;}……设置背景图像为images文件夹下的type_

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

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

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