Html5与Css3知识点拾遗（二）

【Html5与Css3知识点拾遗（二）】的更多相关文章

Html5与Css3知识点拾遗（二）

页面title 选择能简要概括文档内容的文字作为title文字,title核心内容放在前60个字符分级标题 1.创建分级标题时,避免跳过级别,如h3直接跳到h5,但允许从低级别跳到高级别. 2.不用h1~h6标记副标题.标语,应该用段落或其他非标题元素 <h1>Hello World</h1>//标题 <p class="subhead">This is a html .</p>//副标题,class命名为subhead 页面构成 1.…

Html5与Css3知识点拾遗（八）

css5新增的元素与属性表单内元素的属性 1. form属性之前必须书写在表单内部.而在Html5中,可以放在任何位置,为元素指定一个form属性,属性值为该表单的id,就可以声明该元素属于指定表单 //原来用法 <form id="textform"> <input type="text"> <textarea form="textform"></textarea> </form>…

Html5与Css3知识点拾遗（七）

布局实例:规范的命名和编排 <body> <div class="page"> <header class="masthead" role="banner"> <p class="logo"><a href="#"><img src="logo.p…

Html5与Css3知识点拾遗（六）

web字号 px() 百分比(较常用) em(最常用):一般1em=16px,相对单位.以父元素作参照系,父元素大小是不确定的 body{ font-size:100%; /*父元素默认为16px*/ } h1{ font-size:2.1875em; /*35px/16px*/ } css3新增:rem,以根元素为参照系,根元素大小是确定的 html{ font-size:100%; /*通常为16px*/ } h1{ font-size:2.1875rem; /*35px/16px*/ }…

Html5与Css3知识点拾遗（五）

css3更新的颜色 RGBA:红.绿.蓝.不透明度 rgba(89,0,127,0.4); HSL和HSLA:色相.饱和度.亮度.不透明度 hsl(282,100%,25%); hsl(282,100%,25%,.75); 使用与媒体相关的样式表 link或style:添加属性media属性有all.aural.braille.handheld.print.projection(投影设备).screen.tty.tv @media print{ body{ font-size:25pt; }…

Html5与Css3知识点拾遗（九）

css布局控制元素的显示类型和可见性块级元素 dispaly:block: 行内元素(不能设置宽度) display:inline: 不接受padding设置,但padding-top和padding-bottom会越界进入相邻元素的区域,而不是局限于该元素本身的空间混合显示:该元素与其他元素出现在同一行,同时也具有块级元素的功能(可设置高度) display:inline-block: 横向导航栏隐藏元素:不显示且不占任何视觉空间 display:none: 对于table有 disp…

Html5与Css3知识点拾遗（四）

web图像 JPEG:适用于大多数照片,颜色较多,可接受质量损失的图像 PNG-8:适用标识.重复的图案以及其他颜色较少的图像或具有连续颜色的图像 PNG-24:不支持颜色更多的图像,适用与颜色丰富且质量较高的照片 PNG-32:支持alpha透明的图像 GIF:动图 WebP:支持有损或无损,大小远小于JPEG和PNG,支持alpha透明 SVG:放大缩小都不会影响其质量,文件大小恒定图标尺寸至少:16*16 iPhone.iPod touch:57*57或114*114 iPad:72*…

Html5与Css3知识点拾遗（三）

文本 small:包括免责申明.注意事项.法律限制.版权信息,只适用于短于,常包含在页面级的footer里 H5对i和b的重新定义 b:提醒文字.不传达任何额外的语气.文档摘要关键词.评论中的产品名.基于文本的交互式软件中指示操作的文字.文章导语 (默认为粗体) i:具有不同语态或预期.分类名称.技术术语.外语里的惯用语.翻译的散文.西方文字中的船舶名称 (默认为斜体) 创建图 figure figcaption figure元素包含多个内容块.不管figure里有多少内容,只允许有一个figc…

Html5与Css3知识点拾遗（一）

1.元素空元素: 可选的空格空格和斜杠 <img src="x.jpg" width="300" alt="pic" /> <img src="x.jpg" width="300" alt="pic"> 2.属性属性-值对间用空格隔开属性值分为:预定义值(也称枚举值),任意值 <link rel="stylesheet" media…

HTML5与CSS3知识点总结

好好学习,天天向上本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star 原文链接:https://blog.csdn.net/weixin_43461520/article/details/113201713 HTML5新增标签 HTML5针对以前的不足,新增了一些新的标签.表单以及表单属性等. 语义化标签之前在做布局的使用,使用了大量的div,这些div都是没有语义的,我们不能很轻易的就判断出某个div大致是什么内容,所以…