随笔分类 - Web - HTML\CSS
摘要：1.后代级别选择器 2.同辈级别选择器 3.伪类选择器 4.属性选择器 5.UI伪类选择器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t
阅读全文
摘要：1.获取HTML GetHtml(String Url) /// <summary> /// 获取有效的HTML /// </summary> /// <param name="Url"></param> /// <returns></returns> public String GetHtml(S
阅读全文
摘要：更详细介绍的请查看：获取HTML源码（只取文字，判断编码，过滤标签） 本章只采用GB2312编码 代码： URL：网站地址
阅读全文
摘要：这是我总结多年的一个小文档，主要内容是Javascript和CSS浏览器兼容总结，最近看见有人咨询浏览器兼容的问题，就贡献出来。并不一定全，有的也可能不准确，比如新出的IE8、Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了…汗。大家一起慢慢完善吧。javascript部分1. document.form.item 问题问题：代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["element
阅读全文
摘要：
转自:http://blog.csdn.net/xiongyuefei/archive/2008/10/17/3093033.aspx我们经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，
阅读全文
转自:http://blog.csdn.net/xiongyuefei/archive/2008/10/17/3093033.aspx我们经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，
阅读全文
摘要：本文转自http://www.cnblogs.com/lhb25/archive/2011/05/26/1997341.html
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。
阅读全文
本文转自http://www.cnblogs.com/lhb25/archive/2011/05/26/1997341.html
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。
阅读全文
摘要：以下内容摘自 http://mingelz.com/2009/08/dawn-css-reset/
之前在做页面时，一直使用YUI的CSS Reset，后来还跟着它升级到了3.0beta1 版。当然，我每次都会在YUI的基础上适当精简，以方便自己在项目中的使用。后来陆续看到了Shawphy的《打造自己的 reset.css》和射雕的《Reset CSS 研究（技术篇）》，然后便想到既然巨人们就在眼前，我何不站在他们肩膀上总结一套自己的CSS Reset呢，于是就有了下文：
阅读全文
以下内容摘自 http://mingelz.com/2009/08/dawn-css-reset/
之前在做页面时，一直使用YUI的CSS Reset，后来还跟着它升级到了3.0beta1 版。当然，我每次都会在YUI的基础上适当精简，以方便自己在项目中的使用。后来陆续看到了Shawphy的《打造自己的 reset.css》和射雕的《Reset CSS 研究（技术篇）》，然后便想到既然巨人们就在眼前，我何不站在他们肩膀上总结一套自己的CSS Reset呢，于是就有了下文：
阅读全文
摘要：方法一：
height:auto!important;
height:500px;
min-height:500px;
阅读全文
方法一：
height:auto!important;
height:500px;
min-height:500px;
阅读全文
摘要：
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别
阅读全文
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别
阅读全文
摘要：表单（form）由表单元素组成。常用的表单元素有以下几种标记：输入域标记、选择域标记等。下面分别进行介绍。1．输入域标记输入域标记是表单中最常用的标记之一。常用的文本域、按钮、单选按钮及复选框等构成了一个完整的表单。语法：���������������������������������������������������������������������������������������������������������������������������������������
阅读全文
表单（form）由表单元素组成。常用的表单元素有以下几种标记：输入域标记、选择域标记等。下面分别进行介绍。1．输入域标记输入域标记是表单中最常用的标记之一。常用的文本域、按钮、单选按钮及复选框等构成了一个完整的表单。语法：���������������������������������������������������������������������������������������������������������������������������������������
阅读全文
摘要：摘自：http://www.topcss.cn/article.asp?id=31 如需转载请著明出处，谢谢合作．最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担，虽然IE7已经走向标准化，但还是有许多和FF不同的地方，
阅读全文
摘自：http://www.topcss.cn/article.asp?id=31 如需转载请著明出处，谢谢合作．最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担，虽然IE7已经走向标准化，但还是有许多和FF不同的地方，
阅读全文
摘要：前面加上这句，使用ie7兼容
如果还是不行，请使用HACK属性吧
阅读全文
前面加上这句，使用ie7兼容
如果还是不行，请使用HACK属性吧
阅读全文
摘要：滤镜
div.transp { /* make the div translucent */
opacity: 0.6; /* Firefox, Safari(WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: 1; /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
}
阅读全文
滤镜
div.transp { /* make the div translucent */
opacity: 0.6; /* Firefox, Safari(WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: 1; /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
}
阅读全文
摘要：一、使用垂直居中属性存在的问题
在CSS中垂直居中定义属性vertical-align，但是只能用作内联元素。
二、使用边界属性定义垂直居中存在的问题
使用margin:auto 0;无法使快元素中的内容垂直居中。（无效）
阅读全文
一、使用垂直居中属性存在的问题
在CSS中垂直居中定义属性vertical-align，但是只能用作内联元素。
二、使用边界属性定义垂直居中存在的问题
使用margin:auto 0;无法使快元素中的内容垂直居中。（无效）
阅读全文
摘要：利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。
使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看 测试页面 ，有简短解释。)
阅读全文
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。
使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看 测试页面 ，有简短解释。)
阅读全文
摘要：CSS居中问题一直是大家比较关注的问题,在此前的CSS在线的文章中也曾多次提到过CSS居中的相关话题,今天对CSS居中问题做一个汇总。
CSS居中问题，根据居中对象划分主要包括：DIV居中,图片居中,以及文字居中。而根据居中方向划分为：水平居中和垂直居中。下面让我们来一一详述：
CSS 设置水平居中
阅读全文
CSS居中问题一直是大家比较关注的问题,在此前的CSS在线的文章中也曾多次提到过CSS居中的相关话题,今天对CSS居中问题做一个汇总。
CSS居中问题，根据居中对象划分主要包括：DIV居中,图片居中,以及文字居中。而根据居中方向划分为：水平居中和垂直居中。下面让我们来一一详述：
CSS 设置水平居中
阅读全文
摘要：今天遇到一个问题 就是上下两个层之间有空白间隙（层内放的是图片）
解决方法 找到上面的div中的图片代码所在位置，为其设定属性style="display:block"，问题解决。
或者img下边有div（中有图片）设置img（div上面的object）其设定属性style="display:block"，问题ok。
阅读全文
今天遇到一个问题 就是上下两个层之间有空白间隙（层内放的是图片）
解决方法 找到上面的div中的图片代码所在位置，为其设定属性style="display:block"，问题解决。
或者img下边有div（中有图片）设置img（div上面的object）其设定属性style="display:block"，问题ok。
阅读全文
摘要：
其实浏览器的不兼容，我们往往是各个浏览器对于一些标准的定义不一致导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。
下面是14条特殊情况仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
阅读全文
其实浏览器的不兼容，我们往往是各个浏览器对于一些标准的定义不一致导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。
下面是14条特殊情况仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
阅读全文
摘要：用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
一、使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin- left和margin-right属性设置为auto即可。在实际使用中，我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是，必须为该容器
阅读全文
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
一、使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin- left和margin-right属性设置为auto即可。在实际使用中，我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是，必须为该容器
阅读全文
