- 1、本文档共61页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
*/60 PNG PNG(Portable Network Graphics,可移植的网络图形)格式的特点: 无损压缩 没有颜色限制 支持透明度 在网页中插入图像 IMG 标记符 WIDTH 和 HEIGHT 属性指定图像的显示大小 BORDER 属性指定图像的边框 align属性设置对齐方式 hspace属性设置水平方向的空白 vspace属性设置垂直方向的空白 IMG src=”xx” 使用css样式三种方法 直接在标记符中嵌套p133 HTML 标记符的 style 属性 例如:P style=“text-align:center” 其中,style属性的取值形式为: “CSS属性:CSS属性值” 多个属性用分号分隔 在STYLE 标记符定义样式 head中 STYLE样式定义 /STYLE 样式定义的方式为Selector{property1:value1;property2:value2;property3:value3;……} 链接外部样式表文件 LINK 标记符 LINK rel=“stylesheet” type=“text/css” href=“stylesheet.css” HTMLHEAD LINK rel=stylesheet type=text/css href=test.css /HEAD BODYP正文内容/P/BODY /HTML CSS属性单位(长度、颜色、其他) 相对值 em: 相关字体的’font-size’值 ex: 相关字体的’x-height’值 px: 像素值, 与设备相关 绝对值 in: 英寸 — 1 英寸= 2.54 厘米 cm: 厘米 mm: 毫米 pt: 点 —CSS 2.1 用的1点= 1/72英寸 pc: 皮卡 — 1 皮卡= 12 点 常用选择器类型 HTML标记符 具有上下文关系的选择器 用户定义的类 用户定义的ID 虚类 HTML标记符 HTML标记符是最常用的selector,它重新定义了HTML标记符的显示效果。例如: H1{text-align:center;color:red} 使所有用H1标记符修饰的内容都居中和用红色显示。 具有上下文关系的选择器 如果选择器之间用空格分开,就表示具有上下文关系的选择器。 例如 p b {color:red} 表示位于p标记符中的b标记符采用相应格式。 用户定义类 .classname{property:value…} 表示任何class属性为classname的标记符都采用所定义的样式。 eg:H1.color_red{color:red} H1 class=”color_red” 用户定义ID #IDname {property:value;…} 表示id属性为 Idname的标记符采用所定义的样式。 eg: #container { width: 46em; margin: 0 auto; border: 1px solid #000000; } p id=”container” 虚类选择器 a:link 未访问过的超链接 a:visited 访问过的超链接 a:hover 悬停状态的超链接 a:active 活动超链接 所有超链接去下划线:a{text-decoration:none} 悬停变色a:hover{color:red} 样式优先级 (1)外部样式表-站点样式表 headlink (形成站点风格css) (2)页内样式表 headstyle (形成单独页面的风格) (3)行内样式表 h1 style=” “ font-weight:bold (仅在测试时用) * * 网页设计基础 ——考点复习 * 基本语法+标记符基础 p7-14 在 HTML 中,所有的标记符都用尖括号括起来。例如,html、a。 HTML 标记符是不区分大小写的。html、Html和HTML没有区别。 注意:XHTML要求标记符区分大小写 * 标记符基础 绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。某些标记符,例如BR,只要求单一标记符号。 开始标记符与结束标记符的区别在于:结束标记符多一个斜杠“/”(不是反斜杠“\”!) * 背景图案 使用 BODY 标记符的 BACKGROUND 属性可以设置背景图案。HTML语句为: BODY BACKGROUND = “image.gif” 注意:html中没有,所有设定在css中 * 小节 HTML HEADTITLE/TITLE/HEAD BODY/BODY /HTML HTTP超文本传输协议 三种颜色表示方法:颜色名称、#RRGGB
您可能关注的文档
- 隈研吾的结构美学解剖.ppt
- 网络传播与社会(舆论)解剖.ppt
- 特殊井试油5-1-高温高压井测试解剖.ppt
- 网络传输介质解剖.ppt
- 网络存储讲义(含DAS-NAS-SAN的对比与)解剖.ppt
- 微波电路CAD-重庆邮电大学-1解剖.ppt
- 微波电路的核心问题解剖.ppt
- 特殊静脉穿刺解剖.ppt
- 微波电子技术-史密斯圆图解剖.ppt
- 微波定位传感器解剖.ppt
- 人教新目标版英语九年级 中考模拟学情评估(三)(含答案).pdf
- 上海市风华中学2024-2025学年高三上学期9月阶段测试英语试题(无答案).pdf
- 统编版2024-2025学年语文六年级上册期末检测卷(有答案).pdf
- 人教新目标版英语九年级第二学期全册学情评估(含答案).pdf
- 内蒙古自治区巴彦淖尔市杭锦后旗第六中学2024-2025学年八年级上学期阶段性测试历史试题(解析版).pdf
- 湖南省娄底市涟源市部分学校2024-2025学年高一上学期9月月考语文试题 Word版无答案.pdf
- 湖南省衡阳市常宁市2023-2024学年七年级上学期期末考试英语试题.pdf
- 湖南省娄底市涟源市部分学校2024-2025学年高一上学期9月月考语文试题 Word版含解析.pdf
- 江苏省泰州市姜堰区城西实验学校2024-2025学年部编版九年级上学期月考历史试卷(原卷版).pdf
- 内蒙古伊金霍洛旗2022-2023学年七年级上学期期末考试英语试题.pdf
最近下载
- 第十一单元第二十一节德彪西教学课件-2021-2022学年高中音乐人音版必修音乐鉴赏.pptx
- 人教中图版(2019)信息技术必修2 1.2 认识信息社会 教案(表格式).docx
- 高性能低表面处理环氧涂料的制备和性能研究.docx VIP
- 永临结合及转换方案-投标200页简易版.docx
- 【语文】人教部编版语文八年级上册:古诗文理解性默写(完整版).pdf VIP
- 基本乐理音程介绍PPT课件.pptx
- GB_T27065-2015_合格评定产品、过程和服务认证机构要求.doc
- 环氧改性有机硅树脂低表面能涂料的研制.doc VIP
- 0~3岁婴幼儿心理发展与教育(高职)全套教学课件.pptx
- 语文一年级上册核心素养教案全册.pdf VIP
文档评论(0)