欢迎来到天天文库
浏览记录
ID：51508634
大小：2.39 MB
页数：46页
时间：2020-03-25
《使用HTML创建静态页面.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、使用HTML创建静态网站(2)网页编程第四课CSS样式表本章目标会创建统一外观的字体文本会创建无下划线的超连接样式会创建个性化的表格会创建个性化的表单为什么需要CSS样式表HTML标签的外观样式比较单一颜色只有黑白字体类型和大小无变化样式表的作用相当于华丽的衣服内容相同外观不同为什么需要CSS样式表样式表能实现内容与样式的分离，方便团队开发程序员写代码美工做样式内容与样式和谐统一的完整网页样式表的基本语法样式表的基本结构P{color:red;font-s
2、ize:30px;font-family:隶书;}……声明文档样式表结束文档样式表开始，类型为CSS样式样式规则选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值样式表的基本语法
3、夜思
床前明月光，
疑是地上霜。
我是郭德刚，
低头思故乡。
4、标签和P标签应该采用相同的样式，所以要为它们定义一个共享样式。类样式(class).类名样式规则样式表的基本语法
5、d">低头思故乡。
标签要应用同一样式如何实现这样的样式效果？字体类型都为隶书常用的样式属性文本属性文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐使用font-size、font-family、color实现宋体，字体大小12px字体大小16px要实现如下图所示的文本样式，该如何编写？
6、常用的样式属性P{font-size:12px;font-family:"宋体";text-align:left;}.bigFont{font-size:16px;color:red;}【新闻】[设搜狐为首页]9月1日·世锦赛刘翔12秒95夺冠成就大满贯
·我国实施不安全食品召回制度遏制非法出口
7、共享应用类样式用class＝”类名“常用的样式属性背景属性背景属性说明background-color设置背景颜色background-image设置背景图像background-repeat设置一个指定的图像如何被重复可取值repeat-x、repeat、no-repeat、repeat-y……table{background-image:url(images/type_back1.jpg);background-repeat:no-repeat;}8、STYLE>……设置背景图像为images文件夹下的type_back1.jpg设置背景图像不平铺常用的样式属性方框属性margin-right右边界margin-left左边界margin-top上边界margin-bottom下边界marginborderpaddingborder-width边框的宽度padding-left左填充padding-bottom下填充常用的样式属性属性CSS名称说明边界属性margin-top设置对象的上边距margin-right
8、STYLE>……设置背景图像为images文件夹下的type_back1.jpg设置背景图像不平铺常用的样式属性方框属性margin-right右边界margin-left左边界margin-top上边界margin-bottom下边界marginborderpaddingborder-width边框的宽度padding-left左填充padding-bottom下填充常用的样式属性属性CSS名称说明边界属性margin-top设置对象的上边距margin-right
此文档下载收益归作者所有
