欢迎来到天天文库
浏览记录
ID:49310157
大小:230.00 KB
页数:63页
时间:2020-02-03
《网页设计与制作CSS.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、CSS(CascadingStylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度和减少需要上传的代码量,也减少了重复劳动的工作量.为网页上的元素精确地定位把网页上的内容结构和格式控制相分离.只要修改CSS样式表文件就可以改变整个站点的风格特色CSS是一种样式表语言,用户可以使用它将样式(如:字体,间距及语音提示等)附加到结构化的文档(如:HTML文档和XML应用)中。由于CSS将文档呈现的样式和文档的内容相互分离,因此网页的
2、写作和站点的维护得以简化。CSS(CascadingStylesheets,层叠样式表)样式是一个规则,告诉浏览器如何表现特定的HTML或XHTML标签中的内容。每个标签都有一系列相关的样式属性,它们的值决定了浏览器将如何显示这个标签。一条规则定义了标签中一个或几个属性的特定值。将样式和标签结合起来的方式有三种:内联样式表、文档级样式表,或者通过使用外部样式表。1、内联样式(inlinestyle)是连接样式和标签的最简单的方式,只需在标签中包含一个style属性,后面再跟一列属性及属性值即可。浏览器会根据样式属性及其值来表现标签中的内容。3、1style="color:blue">Bach'shomepageBach'shomepage因为内联样式会向其标签的定义中添加更多内容,所以它们难维护,也难以阅读。2、文档级样式表将样式表放在内的标签之间的所有内容都将被看作是样式规4、则的一部分type属性级联样式表全部都是text/css类型;JavaScript样式表使用的类型则是text/javascriptBach'shomepageh1{color:blue;font-style:italic}Bach'shomepageJohannSebastianBachwasaprolificcomposer.3、链接式外部样式表当在文档的<
3、1style="color:blue">Bach'shomepageBach'shomepage因为内联样式会向其标签的定义中添加更多内容,所以它们难维护,也难以阅读。2、文档级样式表将样式表放在内的标签之间的所有内容都将被看作是样式规
4、则的一部分type属性级联样式表全部都是text/css类型;JavaScript样式表使用的类型则是text/javascript
JohannSebastianBachwasaprolificcomposer.
5、head>标签中使用标签
6、接类型:指向“stylesheet”。通过“href”属性,指定了样式表的位置。链接的样式表的类型:“text/css”。样式语法:样式的语法(规则)样式规则至少由三个基本部分组成:1、选择符selector:HTML或XHTML标记元素的名称,2、大括号{}3、大括号{}括起来并用分号分隔的样式列表(样式:”CSS属性:属性值”)selector{propertyl:valuel;property2:value2;...}例如:h1{color:purple;font-style:italic}样式的种类:1、单个的简单选择符(只有一个标记)
7、h1{color:blue;font-style:italic}2分组选择符(集合选择符)具有相同样式的选择符可以写在一起,中间用逗号分开。如:h1,h2,h3{color:red;font-style:italic}3、嵌套选择符(派生选择符/上下文选择符)EF匹配元素E的任意后代元素Fpb{color:red}将出现在p之内任何位置的b元素的文本颜色设置为红色pb,h1sub{color:green}将出现在p之内任何位置的b元素和h1之内任何位置的sub元素的文本颜色设置为绿色3、ID选择符精通HTML
8、语言,完全能手写HTML代码;熟练掌握ASP、ASP.Net、PHP,JAVA、JAVASCRIPT等技术;熟悉网站的管理、设计规划、
此文档下载收益归作者所有