去掉IE10文本框后面的XX

 html+css  去掉IE10文本框后面的XX已关闭评论
5月 202013
 

参考:http://www.unicac.cn/share/ms-clear.html

ie10浏览器当点击文本框的时候,默认值文本框的里面靠后的地方出现一个删除的X,有时候很实用,但有时候却很烦恼,怎么去掉呢?

简单的去掉IE10文本框后面的XX的方法:给Input文本框添加如下CSS

提示:input后面是两个冒号哦!伪元素需要有两个冒号。具体可以看 这篇文章

 Posted by at 下午 12:20

css_display_block_inline_div_span_li_position_float

 html+css  css_display_block_inline_div_span_li_position_float已关闭评论
11月 252012
 

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:

 Posted by at 下午 11:14

form 表单的text/plain 编码方式

 html+css  form 表单的text/plain 编码方式已关闭评论
6月 292012
 

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 the type attribute set to "file".
  • text/plain (HTML5)

其中, text/plain 很少使用,其编码方式如下:

 Posted by at 下午 9:20

html Meta

 html+css  html Meta已关闭评论
6月 272011
 

   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属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。

 Posted by at 下午 10:14

修改行间距

 html+css  修改行间距已关闭评论
8月 082009
 

我原来写的文章总是行间距很小,一点都不美观,今天实在看不惯了,就找了一下相关的东西,给文章的部分添加 line-height: 25px; 就搞定了,现在行与行之间有了一些空隙,感觉不原来好多了,其实还可以更美观,但是我不是搞这方面的,就这样凑合着用吧。

 Posted by at 下午 11:32