随笔分类 - HTML&CSS
HTML和CSS相关技术
摘要:有些属于utf-8字符集,所以网页需要字符编码是utf-8才能显示全部字符。下面是来自不同的源,所以难免有重复的地方。left single quote‘‘right single quote’’single low-9 quote‚‚left double quote““right double quote””double low-9 quote„„dagger††double dagger‡‡per mill sign&
阅读全文
摘要:应用DIV+CSS编码时常犯错误本文向大家描述一下应用DIV+CSS编码时容易犯的一些错误,DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别。应用DIV+CSS编码时容易犯的一些错误DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用CSS+DIV的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:1. 检查HTML元素是否有拼
阅读全文
摘要:不缓存页面对于数据实时性要求很强的功能来说很重要,以下是 HTML、ASP、PHP 强制不缓存页面的代码。HTML 强制页面不缓存代码<!-- no cache headers --><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="no-cache"><meta http-equiv="Expires" content="-1"><meta http-equiv=&
阅读全文
摘要:CSS实用技巧0101.DIV水平居中DIV 水平居中很简单,只需要设置DIV的宽带以及让左右margins设置成auto:div#container {width: 960px; margin: 0 auto }02.文字垂直居中 单行文字居中,只需要将行高和容器高度设置成一样即可。比如下面的HTML代码: <div id="container">我是一行字</div> 然后通过下面的样式就可以居中:div#container {height: 35px; line-height: 35px;}如何你有很多行字,只要将行高设置成容器的高度的1/N就
阅读全文
摘要:CSS设置图片居中的方法如果是应用了表格,那么设置单元格为align="center"就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按"常规出牌"的浏览器。按照CSS标准,只要设置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-align:center;就可以使图片居中了。这个方法在Firefox Chrome Opera Safari都生效,因为它们是标准浏览器。而在IE中就是不行,IE它最牛了。以下是通过IE hack解决这个问题的方法:<
阅读全文
摘要:display:inline-block的深入理解在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有:Opera、Safari。但很遗憾,最流行的 IE 和 Firefox 却不支持这个属性(在 Firefox3 版本中将会支持 display:inline-block)。不过 F
阅读全文
摘要:通常偏移掉字体的方式是(1)使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较惬意将a转化成block的话 往往 他身后的的元素就被他赶到下一行了如果正好这个a后面 是一个a按钮就要用float来浮动以使他身后再出现簇拥者这样是不是有些麻烦呢(2)line-height:0;font-size:0;overflow:hidden;能完美“隐藏”掉你background之上的字体经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过
阅读全文

浙公网安备 33010602011771号