2014年03月_一喵呜

转载 Readonly和Disabled的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl

2014-03-26 22:19:19 1057

body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素ins和del（行内元素）可以包含块状元素或者行内元素，其他任何行内元素都不允许包含块状元素p、h1-h6可以直接包含行内元素和文本信息，但是不允许包含块状元素dl元素只允许包含dt和dd，同时dt不能包含块状元素，只允许包含行内元素，对于dd可以包含任何元素form元素不能够直接包含input元素。原因在于inpu

2014-03-26 20:48:13 1333

原创 HTML中的特殊符号

html中的特殊符号符号说明编码符号说明编码符号说明编码"双引号"×乘号×←向左箭头←&

2014-03-20 18:35:23 25049 6

原创 HTML网页的浏览器标题栏显示小图标

就像这种效果，方法也很简单，就是，在head里写：记得图标是.ico格式的文件，不然不会显示

2014-03-19 22:19:00 7702

原创 CSS用text-overflow实现文本标题超出显示省略号“...”

语法：text-overflow:clip | ellipsisHTML5自由者 div.test{ white-space:nowrap; width:12em; overflow:hidden; border:1px solid #000;}The following two divs contains a long text that will not

2014-03-19 22:03:01 2446

原创 img、png、gif图片区别详细辨析

之前做笔记的时候，觉得说的自己不理解明白，所以问了下，也大概清楚了。三种图片格式区别大概是这样的：PNGJPGGIF质量png-24质量最好png-8相对24的较差比png差质量最差透明度支持半透明，全透明，不透明格式图片支持不透明，半透明图片支持全透明，不透明图片兼容性pn

2014-03-13 20:49:57 10679

原创一张图，了解网站SEO方案

原图下载地址：http://pan.baidu.com/s/1mgqfzXu

2014-03-12 20:05:54 1727

转载 IE6 浏览器常见兼容问题大汇总

以下全文载自独行冰海IE6以及各个浏览器常见兼容问题大汇总综述：虽然说IE6在2014年4月将被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。在此总结了常见的浏览器兼容问题，里面也有IE6的常见兼容问题，供大家分享。如需转载，请注明出处：网

2014-03-12 09:32:51 4172 1

转载行内元素与块级元素比较全面的区别和转换

载自：SyKent引言一次偶然的面试遇到的题目，虽然当时知道块级元素和行内元素的区别，但是没有仔细去想。一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定

2014-03-10 12:09:00 1991

原创【ibokan】a标签、hack以及透明度知识点

一、a标签link : 有链接属性时visited:链接地址已被访问过hover：鼠标悬停在上面active：被用户激活（在鼠标点击与释放之间发生的事件）？问题一：# 跟### 区别？a {...} 权重为1a：visited 权重为11 （伪类为10+a的为1=11）a：hover权重也为11所以这样写的时

2014-03-10 10:57:22 2717

原创【ibokan】DIV+CSS+PS实现背景图的三层嵌套以及背景图的合并

一、背景图合并： div+css+ps合图相结合的技术；通过精确到1px的css设置，使用ps合成背景图片，特别是小图片合并，来完成页面效果。首先讲讲三层嵌套原理： ①要做成这个效果，用ps软件抠出这一栏目 ②继续抠图，截出三张这一的小图标，高度务必一样的大小，才

2014-03-07 14:06:28 6148

原创【IE6 Bug】样式中文注释后引发失效

触发原因：1、HTML页面编码与CSS编码不同（DEMO中HTML为gbk，CSS为utf-8）2、CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件3、当中文注释字数为奇数时，会与结尾的 “*/” 组合成新的合法字符，致使注释未能关闭，紧跟其后的样式被注释失效。解决方案：　　1、在中文注释右侧加空格，例如 /*前端开发*/改为/*前端开

2014-03-04 19:28:04 1276

原创【IE6 Bug】浏览器默认属性初始化，也算是Bug

这也算不上什么Bug，但是也加入IE6 Bug目录中，方便以后查看。很多浏览器都默认初始默边框，间距或者其他标签属性，为了合理兼容各个浏览器，必须引入初始化文件reset.css文件。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法就是： * {padding: 0; margin: 0;}。有很多人也是这样写的。这确实很简单，但

2014-03-04 18:48:47 1479

原创【IE6 Bug】IE6的怪异解析模式

IE6的怪异解析模式：只在IE6下出现。触发方法：没有文档声明，文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode），否则浏览器会进入怪异模式或混杂模式（Quirks mode）。触发现象：合模型的实际宽度和高度等于内容区域和外边距的和，内边距和边框的宽高计算到内容中规避方式：规范书写文档声明

2014-03-04 18:24:01 1941

原创【IE6 Bug】margin双倍边距Bug的处理办法

出现IE6双倍边距Bug触发的几个条件： ①：是块元素； ②：有左浮动； ③：有左外边距。解决办法：把相应的块元素转为内联元素，在相应的块元素中加入css代码，display：inline；[代码]： IE6下的双倍Bug解决方法 .div1 { height: 200px;

2014-03-04 16:49:21 3436

原创【ibokan】SEO个人笔记+百度百科详细介绍

百度百科的详细解释：点击链接SEO（Search Engine Optimization），汉译为搜索引擎优化。seo搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的排名的方式。SEO目的理解是：为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益。SEO包含站外SEO和站内SEO两方面。中

2014-03-04 12:02:08 2446

原创【ibokan】margin负值，一个秘密武器

本文载自一丝冰凉一下为全文： CSS盒模型中，margin是我们老熟悉的一个属性了，它的负值你用过吗？你知道margin负值的秘密武器吗？我们一起看看吧！1、带竖线分隔的横向列表（例如：网站底部栏目）传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来

2014-03-03 18:18:29 1147

HTMl5自由者