html5与css3入门知识点精炼

2018-02-05 11:35:35来源:cnblogs.com作者:崔琦快跑人点击

分享
  1. <meta name = "keywords" content="…………"/>(网页搜索时要输入的关键字)
  2. <meta name = "author" content = "作者的名字"
  3. <meta http-equiv = "refresh" content = "跳转的时间 ; URL=跳转的地址"> (网页跳转)
  4. <a href = "mailto : 邮件地址 ">……</a>
  5. 在英文输入法下,输入!后按tab键可以自动补全
  6. <b> 定义粗体文本
  7. <i> 定义斜体文本
  8. <em> 定义强调文本,实际效果与斜体文本差不多
  9. <strong> 定义强调文本,与<b>的效果相同
  10. <sub> 定义下标文本
  11. <sup> 定义上标文本
  12. 在源文件中标记是不区分大小写的
  13. <a href="链接地址" target="目标窗口">链接文本或图片</a>
  • target:指定框架集中的哪个框架来装在另一个资源,该属性可以是_self、_blank、_top、_parent四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
  1. <img src="图片地址" alt="提示文字"/>
  • alt只是在图片无法加载的还是才会显示出提示文字,如果想让图片无论怎样都显示,用title
  1. <br/>换行。 它的作用和<p>的一样,但<br/>做出来的行与行之间间隙要小得多,但是不建议使用<br>标签去实现布局的效果。
  2. 空格 &nbsp;
  3. 大于 &gt;
  4. 小于 &lt;
  5. 引号 &quot;
  6. 版权号 &copy;
  7. (form--method--get/post)
  • 如果希望获得最佳表单性能,可以采用get方法发送只有少数简短字节的小表单。
  • 一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。
  • 如果安全性是个问题,那么我们建议选用 POST 方法。GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。如果参数中包含了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的安全。而 POST 应用程序就没有安全方面的漏洞,在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。
  • 如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统 <a> 标签的内容。
  1. 关于embed和video、audio
  • embad播放视频和音频时,页面自动播放
  • 在调整容器的大小方面,embed是生硬的对它的width、height进行更改。而video标签会相应的进行等比缩放,你对其中的width更改height也会变动。
  • 对于audio标签,只有width属性,更改height时,展示形式为调整它相对于容器的高度
  1. box-shadow和dropshaow的区别https://www.cnblogs.com/sanweimiao/p/6388960.html
  2. 文字描边以及颜色:用-webkit-text-stroke,需带前缀,因为目前css工作组还未支持。。。。。文字加粗还可以用font-weight
  3. transition的四个属性:http://blog.csdn.net/yeana1/article/details/52024303
  4. <hr>标签:width--设置水平线的长度,单位可像素可百分比 ; height--设置水平线的高度,单位可像素可百分比 ; size--设置水平线的粗细,单位是像素 ; color--设置水平线的颜色。
  5. <input name="sex" type="radio">男 <input name="sex" type="radio">女
  • 在上述代码中,由于用户的性别只能是“男”或“女”,因此选中其中一个单选按钮时,另一个单选按钮就不能被选中。要实现这样的功能,可以同时将单选按钮的name属性的值设为相同的。
  1. -webkit-box-sizing:border-box ----则div设置的宽高将包含边框及padding

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台