文档之家
首页
教学研究
幼儿教育
高等教育
外语考试
建筑/土木
经管营销
自然科学
当前位置:
文档之家
›
网页设计与制作CSS
网页设计与制作CSS
格式:ppt
大小:230.00 KB
文档页数:63
下载文档原格式
下载原文件
/ 63
下载本文档
下载提示
文本预览
1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
</p>
#first_para{font-weight:bold}
#first_para{font-weight:bold;letter-spacing:3px;} #first_para{font-weight:bold;letter-spacing:3px;font-family:"楷体_GB2312";} ID选择符的前面是#号 ID只能在某个HTML文档中出现一次, 即ID名称(如first_para)不能重复 4、类选择符
CSS(Cascading Stylesheets,层叠样式表)
CSS(Cascading Stylesheets,层叠样式表)是一种制作网 页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可 少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速 度和减少需要上传的代码量,也减少了重复劳动的工作量.
为网页上的元素精确地定位 把网页上的内容结构和格式控制相分离. 只要修改CSS样式表文件就可以改变整个站点的风格特色
CSS是一种样式表语言,用户可以使用它将样式(如:字体,间距及语音提示 等)附加到结构化的文档(如:HTML文档和XML应用)中。由于CSS将文档 呈现的样式和文档的内容相互分离,因此网页的写作和站点的维护得以简化。
</style>
<body> <h1>Bacபைடு நூலகம்'s home page</h1>
<p>Johann Sebastian Bach was a prolific composer.</p>
</body>
</html>
3、链接式外部样式表 当在文档的<head>标签中使用<link>标签 <html> <head> <title>Bach's home page</title> <link rel="stylesheet" href=“sheet1.css" type="text/css"> <link rel="stylesheet" href=“sheet2.css" type="text/css"> </head> <body> <h1>Bach's home page</h1> <p>Johann Sebastian Bach was a prolific composer. </p> </body> </html> link元素规定了: 链接类型:指向“stylesheet”。 通过“href”属性,指定了样式表的位置。 链接的样式表的类型:“text/css”。
<p class="secobd_para"> 商务类人才可以分为五种:
一是企业网络营销业务,包括利用网站为企业开拓网上业务、网络品牌管理、客户服 务等;二是网上国际贸易,包括利用网络平台开发国际市场、进行国际贸易;<br> 三是新型网络服务商的内容服务,包括频道规划、信息管理、频道推广、客户服务等; 四是电子商务支持系统的推广,负责销售电子商务系统和提供电子商务支持服务、客 户管理等;五是创业,包括利用虚拟市场提供产品和服务,也可以直接为虚拟市场提 供服务。对于这类人才,一方面要求他们是管理和营销的高手,同时也应熟悉网络虚 拟市场下新的经济规律,另一方面他们必须掌握网络和电子商务平台的基本操作技术。
p b{color:red} 将出现在p之内任何位置的b元素的文本颜色设置为红色 p b,h1 sub{color:green} 将出现在p之内任何位置的b元素和h1之内任何位置的sub元素的文本颜色设置为绿色
3、ID选择符
<p id="first_para"> 精通HTML语言,完全能手写HTML代码;<br> 熟练掌握ASP、ASP.Net、PHP,JAVA、JAVASCRIPT等技术;<br> 熟悉网站的管理、设计规划、前台、后台程序制作技术。<br> 熟练SQL server,Oracle 数据库管理系统,能够独立完成数据库的开发;<br>
h1{color:blue;font-style:italic} 2分组选择符(集合选择符) 具有相同样式的选择符可以写在一起,中间用逗号分开。如:
h1,h2,h3{color:red;font-style:italic} 3、嵌套选择符(派生选择符/上下文选择符)
EF 匹配元素 E 的任意后代元素 F
样式是一个规则,告诉浏览器如何表现特定的HTML或XHTML标签中的内 容。每个标签都有一系列相关的样式属性,它们的值决定了浏览器将如何显示这个 标签。一条规则定义了标签中一个或几个属性的特定值。
将样式和标签结合起来的方式有三种: 内联样式表、文档级样式表,或者通过使用外部样式表。 1、内联样式(inline style)是连接样式和标签的最简单的方式,只需在标签中包含一 个style属性,后面再跟一列属性及属性值即可。浏览器会根据样式属性及其值来表 现标签中的内容。 <H1 style="color:blue">Bach's home page</H1> <H1 style="color:blue; font-style:italic">Bach's home page</H1> 因为内联样式会向其标签的定义中添加更多内容,所以它们难维护,也难以阅读。
级联样式表全部都是text/css类型;JavaScript样式表使用的类型则是text/javascript
<html>
<head>
<title>Bach's home page</title>
<style type="text/css">
h1{color:blue;font-style:italic}
样式语法:样式的语法( 规则) 样式规则至少由三个基本部分组成: 1、选择符selector:HTML或XHTML标记元素的名称, 2、大括号{ } 3、大括号{ }括起来并用分号分隔的样式列表(样式:”CSS属性:属性值”)
selector{propertyl:valuel;property2:value2;...} 例如:h1{color:purple;font-style:italic} 样式的种类: 1、单个的简单选择符(只有一个标记)
2、文档级样式表
将样式表放在<head>内的<style>标签和(/style>结束标签之间,就会影响文档中所有
相同标签的内容
<style>标签
功能:定义文档级样式表
属性:
dir
lang
media
title
type
<style>和</style>标签之间的所有内容都将被看作是样式规则的一部分
type属性
合集下载
相关主题
网页设计与制作操作
网页设计与制作教程
网页设计与制作全套
专业网页设计与制作
个人网页设计与制作
网页设计与制作入门
文档推荐
网页设计与制作》网上作业题答案(全)
页数:21
网页设计与制作模板
页数:14
网页设计与制作试题及答案精选范文
页数:5
网页设计与制作》网上作业题答案(全)
页数:21
网页设计与制作模板
页数:12
网页设计与制作模板
页数:12
个人网页设计与制作
页数:10
网页设计与制作个人实训报告
页数:6
《网页设计与制作》全套课件 收藏
页数:148
网页设计与制作个人实训报告
页数:5
最新文档
饭店包间名字大全
word无法创建工作文件,请检查临时环境变量
自行车健身比赛开幕式讲话词
2018乡村医生个人工作总结
MySQL测试题 SQL
合勤NXC5200
铁路集中箱空箱调度优化建模案例(案例2)
微分几何教学大纲-复旦大学数学科学学院
人教版九年级数学上册导学案:24.1.1_圆【精品】
(整容后办护照用)医院整容证明