随笔分类 - HTML/CSS
摘要：我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码，表示的是限定某些浏览器版本才能执行的语句，那么这些判断语句的规则是什么呢？请看下文： 除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 ...
阅读全文
摘要：application/x-www-form-urlencoded、multipart/form-data、text/plain上传文件的表单中要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么 写，知其然而不知其所以然。那到底为什么要添加这个属...
阅读全文
摘要：我们知道在通过POST方式向服务器发送AJAX请求时最好要通过设置请求头来指定为application/x-www-form-urlencoded编码类型。知道通过表单上传文件时必须指定编码类型为"multipart/form-data"。而text/plain是我们在做纯文本传输时防止接收数据时出...
阅读全文
摘要：absolute(绝对定位): 会把对象拖离HTML文档流,并通过top, left, right, bottom确定对象的具体位置,这个四个位置属性至少要设置一个,否则无法激活对象的absolute属性.relative(相对定位): 对象会保持在HTML文档流中,对象原本占有的空间不会被覆盖,对象根据前一个对象进行位子偏移.1.单独设置对象的absolute属性和top,left,right,bottom属性,对象定位方式是以body对象为基准进行偏移的.2.绝对定位(absolute)和相对定位(relative)配合使用.我们经常需要在父对象的基础上进行偏移,这样单独使用absolut
阅读全文
摘要：浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。不过既然浮动元素不占任何正常文档流空间，为什么文字不在DIV下，而是环绕DIV？这就是浮动的特性。普通的块级元素处在浮动元素下层，但它内部的文字（以及行内元素）会环绕浮动元素。浮动的概念源自图片的左/右对齐，而图片左/右对齐的目的就是实现文字环绕图片。所以说，这就是浮动的特性。floatleft: 文档流向对象的右边right: 文档流向对象的左边posi..
阅读全文
摘要：<formname="frm"action="check.asp"method="post">Third<inputtype=textname="t1"tabindex="3"value="Third"onfocus="this.select();">Second<inputtype=textname="t2"tabindex="2"value="Second"onf
阅读全文
摘要：用Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。下边是说明：application/x-www-form-urlencoded： 窗体数据被编码为名称/值对。这是标准的编码格式。multipart/form-data： 窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。text/plain： 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。用于表单里有图片上传。<form name="userInfo" method="post" action="first_submit.jsp" EN
阅读全文
摘要：CSS Sprites的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。实现方法： 首先将小图片整合到一张大的图片上 然后根据具体图标在大图上的位置，给背景定位。.icons{background-position:-8px-95px;}使用技巧：小图片排列方面：颜色相近的图片放在一起，可以减少输出的色数，进一步降低文件体积。整合图片生成方面：PNG8的图像比GIF图像要小30%左右通过工具再压缩：fireworks生成的PNG比photoshop更小，而一些专用的压缩软件也可以让图片再小一些。
阅读全文
摘要：1.CLASS和ID的优先级比较.<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacontent="text/html;charset=utf-8"http-equiv="Conte
阅读全文
摘要：内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-level element)元素呢？。 块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开...
阅读全文