参考:http://www.unicac.cn/share/ms-clear.html
ie10浏览器当点击文本框的时候,默认值文本框的里面靠后的地方出现一个删除的X,有时候很实用,但有时候却很烦恼,怎么去掉呢?
简单的去掉IE10文本框后面的XX的方法:给Input文本框添加如下CSS
1 |
input::-ms-clear{display:none;} |
提示:input后面是两个冒号哦!伪元素需要有两个冒号。具体可以看 这篇文章
display 和 position的用法:
学习一点儿css,应该系统地看一遍的,否则,用到的时候就比较浪费时间了;
曾经总在div的布局上花费时间,今天才发现是因为display属性没有看明白。h1,p,div等元素默认是display:block的,所以,两个div 挨着就总换行; span,a等元素默认display:inline 的,所以,两个span挨着就不会自动换行; 现在,了解了 display属性后,就可以方便地控制他们是否换行了。
通过:
<style> div {display:inline}<style> 就可以让div也不换行了
通过:
<style> span{display:block}<style> 也可以让span换行了
参考资料:
http://www.w3schools.com/css/css_display_visibility.asp
http://www.w3schools.com/css/css_positioning.asp
http://www.w3schools.com/css/css_float.asp
http://www.zhangxinxu.com/wordpress/?p=1565
IN http://www.w3schools.com/css/css_align.asp
Crossbrowser Compatibility Issues
When aligning elements like this, it is always a good idea to predefine margin and padding for the <body> element. This is to avoid visual differences in different browsers.
There is a problem with IE8 and earlier, when using the position property. If a container element (in our case <div>) has a specified width, and the !DOCTYPE declaration is missing, IE8 and earlier versions will add a 17px margin on the right side. This seems to be space reserved for a scrollbar. Always set the !DOCTYPE declaration when using the position property:
form表单的enctype属性可以设置表单提交时表单内容的编码方式,可用的编码方式有:
-
enctype
- When the value of the
method
attribute is post, this attribute is the MIME type of content that is used to submit the form to the server. Possible values are:- application/x-www-form-urlencoded: The default value if the attribute is not specified.
- multipart/form-data: Use this value if you are using an
<input>
element with thetype
attribute set to "file". - text/plain (HTML5)
其中, text/plain 很少使用,其编码方式如下:
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:
name 属性
1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;
又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink;
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
6、<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
以上是常用的几个meta属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。
<a href="javascript:alert(‘href’);" onclick="alert(‘onclick’);"> 先执行onclick ,再执行href</a>
<a href="javascript:alert(‘href’);" onclick="alert(‘onclick’);return false;"> 只执行onclick ,不再href,有时候对我们是有用的</a>
我原来写的文章总是行间距很小,一点都不美观,今天实在看不惯了,就找了一下相关的东西,给文章的部分添加 line-height: 25px; 就搞定了,现在行与行之间有了一些空隙,感觉不原来好多了,其实还可以更美观,但是我不是搞这方面的,就这样凑合着用吧。