html5与css3入门知识点精炼
- <meta name = "keywords" content="…………"/>(网页搜索时要输入的关键字)
- <meta name = "author" content = "作者的名字"
- <meta http-equiv = "refresh" content = "跳转的时间 ; URL=跳转的地址"> (网页跳转)
- <a href = "mailto : 邮件地址 ">……</a>
- 在英文输入法下,输入!后按tab键可以自动补全
- <b> 定义粗体文本
- <i> 定义斜体文本
- <em> 定义强调文本,实际效果与斜体文本差不多
- <strong> 定义强调文本,与<b>的效果相同
- <sub> 定义下标文本
- <sup> 定义上标文本
- 在源文件中标记是不区分大小写的
- <a href="链接地址" target="目标窗口">链接文本或图片</a>
- target:指定框架集中的哪个框架来装在另一个资源,该属性可以是_self、_blank、_top、_parent四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
- <img src="图片地址" alt="提示文字"/>
- alt只是在图片无法加载的还是才会显示出提示文字,如果想让图片无论怎样都显示,用title
- <br/>换行。 它的作用和<p>的一样,但<br/>做出来的行与行之间间隙要小得多,但是不建议使用<br>标签去实现布局的效果。
- 空格  ;
- 大于 >;
- 小于 <;
- 引号 ";
- 版权号 ©;
- (form--method--get/post)
- 如果希望获得最佳表单性能,可以采用get方法发送只有少数简短字节的小表单。
- 一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。
- 如果安全性是个问题,那么我们建议选用 POST 方法。GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。如果参数中包含了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的安全。而 POST 应用程序就没有安全方面的漏洞,在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。
- 如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统 <a> 标签的内容。
- 关于embed和video、audio
- embad播放视频和音频时,页面自动播放
- 在调整容器的大小方面,embed是生硬的对它的width、height进行更改。而video标签会相应的进行等比缩放,你对其中的width更改height也会变动。
- 对于audio标签,只有width属性,更改height时,展示形式为调整它相对于容器的高度
- box-shadow和dropshaow的区别https://www.cnblogs.com/sanweimiao/p/6388960.html
- 文字描边以及颜色:用-webkit-text-stroke,需带前缀,因为目前css工作组还未支持。。。。。文字加粗还可以用font-weight
- transition的四个属性:http://blog.csdn.net/yeana1/article/details/52024303
- <hr>标签:width--设置水平线的长度,单位可像素可百分比 ; height--设置水平线的高度,单位可像素可百分比 ; size--设置水平线的粗细,单位是像素 ; color--设置水平线的颜色。
- <input name="sex" type="radio">男 <input name="sex" type="radio">女
- 在上述代码中,由于用户的性别只能是“男”或“女”,因此选中其中一个单选按钮时,另一个单选按钮就不能被选中。要实现这样的功能,可以同时将单选按钮的name属性的值设为相同的。
- -webkit-box-sizing:border-box ----则div设置的宽高将包含边框及padding
html5与css3入门知识点精炼的更多相关文章
- HTML5 移动开发入门知识点
转自:http://www.cnblogs.com/blog-zwei1989/archive/2012/12/12/2815049.html 1.先来看淘宝无线wiki要求在页面中添加的meta标签 ...
- Web大前端时代之:HTML5+CSS3入门系列
准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...
- 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
- 01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 文档申明 <!--文档类型申明,html代表是ht ...
- 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...
- 03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 2.功能元素 1.hgroup 对网页或区段(secti ...
- 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...
- 05. Web大前端时代之:HTML5+CSS3入门系列~H5 多媒体系
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.引入 概述 音频文件或视频文件都可以看做是一个容器文 ...
- 06. Web大前端时代之:HTML5+CSS3入门系列~HTML5 画布
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 我们先看看画布的魅力: 初始画布 canvas默认是宽3 ...
随机推荐
- Secret of Chocolate Poles (Aizu1378——dp)
Select Of Chocolate Poles 题意:有一个竖直放置的高度为l cm的盒子,现在有三种方块分别为1cm的白块,1cm的黑块,k cm的黑块,要求第一块放进去的必须是黑色的,盒子最上 ...
- 获取springbean的几种方式
首先我说一下我遇到的问题,再项目初始化时候,spring容器初始化前要执行的操作中使用到了bean去做一些增删改查操作,这样做是不能自己使用springbean的数据源去操作的,所以需要动态获取spr ...
- 5.terms搜索多个值以及多值搜索结果优化
主要知识点 terms搜索多个值,并和term的比较 一.term和terms terms是在这个字段中搜索多个值,相当于sql中的in语法 (select * from tbl where ...
- 渗透实战(周六):Hydra&Metasploit暴力破解SSH登录口令
一. SSH服务开启前基础配置 1.1 修改配置文件
- sql 区分大小写查询
sql 区分大小写查询 select * FROM [Users] where userName collate Chinese_PRC_CS_AS='ADMIN'
- bupt summer training for 16 #8 ——字符串处理
https://vjudge.net/contest/175596#overview A.设第i次出现的位置左右端点分别为Li,Ri 初始化L0 = 0,则有ans = sum{ (L[i] - L[ ...
- elasticsearch match和match_phrase匹配原则(十)
分词测试 分词后倒排索引结果:可以通过http://127.0.0.1:9200/_analyze 测试 { "analyzer":"ik_max_word", ...
- CodeForces - 284C - Cows and Sequence
先上题目: C. Cows and Sequence time limit per test 3 seconds memory limit per test 256 megabytes input s ...
- [Bzoj3940] [AC自动机,USACO 2015 February Gold] Censor [AC自动机模板题]
AC自动机模板题(膜jcvb代码) #include <iostream> #include <algorithm> #include <cstdio> #incl ...
- 文件上传-jquery.uploadify.js
<script type="text/javascript" src="../jquery_uploadify/jquery.uploadify-3.1.min.j ...