层叠样式表知识点_第1页
层叠样式表知识点_第2页
层叠样式表知识点_第3页
层叠样式表知识点_第4页
层叠样式表知识点_第5页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、样式表日勺具体内容样式表日勺具体内容CSS层叠样式表我们常常上网页都会发现它们特点:字体日勺大小,颜色非常和谐,整个页面日勺颜色、风格统 一美观,表格勺宽度和长度一致,并且其他页面勺风格与其大体相似,整个网站非常美观大 方。网站勺这些特点都是采用了 css层叠样式表。1.1添加层叠样式表勺措施添加层叠样式表一共分为三种措施:内联(嵌入)样式表;内嵌样式表;外部样式表。(1).最简朴勺措施是直接添加在HTML勺标记(tag)里。(行内嵌入样式表)语法为:tag style=” properties”网页 内容 / tag例子:html 层叠样式表实例 套叠样式表实例浏览器显示成果:(2)添加在H

2、TML日勺头信息标记符head里。语法为:head 例子:html 本页标题 / css”BodyFont:12px;H1Font:16px;PFont-weight:bold: Color:red:黄河远上白云间一片孤城万仞山春风不度玉门关 口 土jKLfWTL春风不度玉门关浏览器显示成果:(3)同样是添加在HTML日勺头信息标记符里。语法为:1.” link(链接)“Media是可选勺属性,表达使用样式表勺网页将用什么媒体输出。取值范畴为:Screen (默认):输出到电脑屏幕Print:输出到打印机TV:输出到电视机Projection:输出到投影仪Aural:输出到扬声器Braille:输出到凸字触觉感知设备Tty:输出到电传打字机All:输出到以上所有设备2.” import(导入)“import*.css1.2层叠样式表勺格式(1)层叠样式表分为三种:父子标签层叠(采用就近原则):选择器层叠(ID选择器优先级最高);样式表类型层叠(内联样式表优先级最高)(2)选择器:1.ID选择器,语法为:#Id属性,属性,属性.例子:#aa属烽1vdivid=aa 内容 2.Class选择器,语法为:.class属性,属性,属性例子:vhead.aa属性vdivclass=a

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论