cssbox,CSS 盒模型(Box Model)的学习和理解
点评：CSS盒模型（Box Model）的学习和理解一直是学习DivCSS网页布局的基础内容。但有很多CSS初学者依然不够熟悉，虽然我们提供了很多相关的教程。大家可以多学习与思考。今天发布一篇一位CSS初学者对CSS盒模型（Box Model）的理解。学习css已经有段时间了，对CSS的盒模型（Box Model）有了一定的理解。今天整理一下我学习中遇到的关于CSS盒模型（Box Model）的问... [阅读全文]
html5,各大浏览器 CSS3 和 HTML5 兼容速查表 图文
点评：支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HT... [阅读全文]
css首行缩进,用CSS实现文本左右对齐且首行缩进的代码
点评：关于这个小问题呢，我也想到了这本书的第11章介绍的分割这一节的文章有介绍，但这本书我也没有放在公司，也就不管它了；今天翻起这本书也正好看到了，特把原来没有解决的问题给解决掉了。先看效果图吧:其源代码就比较干净了,源码如下:复制代码代码如下:... [阅读全文]
HTML meta content 提供页面信息代码
点评：META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。最好放在meta http-equiv="Content-Type" content="text/html; arset=gb2312"下面，但也不一定，就是说放在下面就能起到关键字的作用，也要看搜索引擎是不是收录了！ meta标签通常用来为搜索引擎robots定义页面主题，... [阅读全文]
cssp元素,css pointer-events属性实现下面元素可点击
点评：是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG，目前在很多浏... [阅读全文]
css布局,CSS布局最常见的八条错误小结
点评：很多人对于CSS都是边干边学习，因为它不像C#之类的语言那么复杂，看起来似乎挺简单，然而正是这种对CSS的不完整的理解，导致了许多的CSS代码破坏了布局，或者带来了无休止的调试，以下总结了八条最常见的错误，以及它们的解决之道.很多人对于CSS都是边干边学习，因为它不像C#之类的语言那么复杂，看起来似乎挺简单，然而正是这种对CSS的不完整的理解，导致了许多的CSS代码破坏了布局，或者带来了无休... [阅读全文]
喝茶的好处和坏处,使用CSS sprite 的好处和坏处分析
点评：无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行”这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。原文：CSS Sprites: Useful Technique, or Potential Nuisance?译文：CSS Sprites：鱼翅还是三鹿？无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行&rd... [阅读全文]
csshack,针对chrome的css hack 使用方法
点评：现在浏览网页主要用chrome，因为chrome的速度确实快，包括启动速度和加载网页的速度，比ie和ff快得多，不过看评测OPERA的新版本加载网页速度更快，由于没有用过OPERA，不好评价.我在用chrome和FF显示我的html文件的时候，发现它们的结果有所出入，我先不管是什么原因造成的，先hack一下再说，可是以前用过的css hack 都是针对ie，ff，opera，这个chrome... [阅读全文]
css首行缩进,用CSS实现文本左右对齐且首行缩进的代码
点评：关于这个小问题呢，我也想到了这本书的第11章介绍的分割这一节的文章有介绍，但这本书我也没有放在公司，也就不管它了；今天翻起这本书也正好看到了，特把原来没有解决的问题给解决掉了。先看效果图吧:其源代码就比较干净了,源码如下:复制代码代码如下:... [阅读全文]
HTML meta content 提供页面信息代码
点评：META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。最好放在meta http-equiv="Content-Type" content="text/html; arset=gb2312"下面，但也不一定，就是说放在下面就能起到关键字的作用，也要看搜索引擎是不是收录了！ meta标签通常用来为搜索引擎robots定义页面主题，... [阅读全文]
CSS text-shadow,box-shadow,border-radius属性
点评：篇文章将对 CSS 的几个新属性 (text-shadow，box-shadow，and border-radius) 做基本介绍。这些 CSS3 属性通常用来加强页面布局。RGBA前面的 3 个值是 RGB 颜色值，最后一个值是透明度的级别（0 = 透明，1 = 不透明）。RGBA 可以应用于与颜色的任何属性，如字体颜色，边框颜色，背景颜色，阴影颜色等。Text Shadow文字阴影的结构... [阅读全文]
网页设计小技巧,CSS设计网页小技巧 100%的高度
点评：在前端人员之间有一个普遍存在的问题，如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现，但是，我想出了一个我个人比较喜欢的方法。今天，我将于你分享一下。在前端人员之间有一个普遍存在的问题，如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现，但是，我想出了一个我个人比较喜欢的方法。今天，我将于你分享一下。我对你是不了解的，但我试图弄明... [阅读全文]
css技巧,编写易于管理的css的技巧
点评：越来越多的大型网站开始关注、使用css，对于管理多个复杂css文件显然是有异议的。下面是二系列内容中的第一部分，第一部分我们关注对于管理样式的观点，并在其基础上总结出可行的方案。第二部分我们将对以上结论进行对比。强大的css技术最近几年已经被广泛推广了。感谢Wired redesign(以及后来的high profile redesigns…，更多组织)和CSS Zen Gar... [阅读全文]
浏览器渲染,border 边框属性在浏览器中的渲染方式
点评：分析border边框属性在浏览器中的渲染方式首发小志博客如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL，谢谢！针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 none;的方式处理。其中当然也是有我自己为什么要做的原因，对于这个原因在下面的分析中将会提到。在对border边... [阅读全文]
divspan,CSS DIV元素与SPAN元素的区别
点评：标准布局中DIV元素和SPAN元素的区别和应用首先讲两个概念，一个是行内元素，一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作 用；而块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。 两者最明显的区别是：DIV(division)是一个块级元素，可以包含段 落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是... [阅读全文]
css代码,网页变灰配合全国哀悼日的css代码 20100421
点评：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:... [阅读全文]
css首字下沉,CSS first-letter实现首字下沉
点评：关于利用first-letter实现首字下沉的一些看法前几天在“CSS那些事儿”的群中，一位读者朋友（小土豆）问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了，为什么呢，怎么一点印象都没有呢。赶紧打开电子版的《CSS那些事儿》找到相对应的章节，并且在各个浏览器中测试了之后才发现，我当初对这块的说明太少了，才让她产生了一些不理解的想法，或许也有其... [阅读全文]
div半透明,DIV半透明代码 兼容主流浏览器
点评：DIV半透明代码 兼容主流浏览器，需要的朋友可以参考下。
div style="filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;width: 100%;"
from www.jb51.net
/div
提示：您可以先修改部分代码再运行... [阅读全文]
无效民事行为,ie8 body overflow hidden 无效的解决方法
点评：解决ie8 body overflow hidden 无效的问题body{ overflow:hidden;} 在ie8下无效 替换为如下html { overflow:hidden;} 这样就可以实现隐藏滚动条了 而且是兼容目前所有浏览器的... [阅读全文]
ie属性,css3.0新属性效果在ie下的解决方案
点评：ie浏览器实现css3.0新属性解决方案.css3.0增加的新属性，如投影、渐变、旋转、圆角等等！这些新标准属性在ie6、ie7、ie8浏览器版本里得不到很好的支持，相信ie以后的新版本也会支持这些新属性的。目前ie6、ie7、ie8浏览器不支持这些属性并不能说明ie就实现不了css3.0新属性的效果！css3please.com网站为我们收集整理了一些css3.0新属性效果在ie下的解决方... [阅读全文]
浏览器渲染,优化浏览器渲染 指定图片尺寸
点评：为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。概述为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】，使页面渲染速度更快。详细信息当浏览器勾画页面时，它需要能够流动的，如图片这样的可替换的元素。提供了图片尺寸，浏览器知道去环绕附近的不可替换元素，甚至可以在图片下载之前开始渲染页面... [阅读全文]
css样式表,将样式表放在页面顶部
点评：优化浏览器渲染：将样式表放在页面顶部.将样式放在页面头部概述将内联样式块和link元素从页面body移动到页面head中，这样能提高渲染性能。详细信息在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用style标记指定的）内联样式块可能会导致reflows和页面跳动。因此，把外部样式表和内联样式块放在页... [阅读全文]
CSS text-shadow,box-shadow,border-radius属性
点评：篇文章将对 CSS 的几个新属性 (text-shadow，box-shadow，and border-radius) 做基本介绍。这些 CSS3 属性通常用来加强页面布局。RGBA前面的 3 个值是 RGB 颜色值，最后一个值是透明度的级别（0 = 透明，1 = 不透明）。RGBA 可以应用于与颜色的任何属性，如字体颜色，边框颜色，背景颜色，阴影颜色等。Text Shadow文字阴影的结构... [阅读全文]
网页制作小结,网页制作中字体使用小结
点评：网页制作中字体使用小结，需要的朋友可以参考下。注意点： 1.黑体的使用：在字体小的时候(一般小于16px)，不适合用；不适合加粗；---例子见 中国雅虎-时尚 2.微软雅黑的使用： 注意字体大小 网页设计者中有这麽一种倾向：他们认为小字体能让网页看起来更漂亮，并能提供更多空间给每个网页中的实际内容。网页设计者中有这么一种倾向：他们认为小字体能让网页看起来更漂亮，并能提供更多空间给每个网页中的... [阅读全文]
divcss,DIV+CSS常见问题的14条原因分析
点评：在朋友的QQ空间偶然看到了这么一篇技术性文章，意外的同时，觉得很实用，就抄过来了。和大家分享。当你在一个浏览器里面做好，在其他浏览器里面却完全不是那么回事情。 很多时候，我们就只是去修补下，或者利用各个浏览器对代码支持的不一致，进行针对各个浏览器进行不同的定义。 其实浏览器的不兼容，我们往往是各个浏览器对于一些标准的定义不一致导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决... [阅读全文]
div下拉框,div等浮层在IE6下被下拉框遮挡的解决方法
点评：由于IE6中DropDownList是Browser调用的系统控件，这种组件的显示优先级比普通的IE控件高，浮动层中的控件就不能够遮盖这些系统控件。解决的办法是：做两个浮动层，一个浮动层的根标签是IFrame，另一个浮动层的根标签是Div，两个浮动层的位置、大小均相等，然后先显示IFrame浮动层，再显示Div浮动层， 这样IFrame浮动层就为Div浮动层遮盖住了下面的控件。 demo： ... [阅读全文]
css层叠样式表,CSS 层叠和继承实现
点评：我们知道文档中的一个元素可能同时被多个css选择器选中，每个选择器都有一些css规则，这就是层叠。所谓继承，就是父元素的规则也会适用于子元素。1. 层叠 我们知道文档中的一个元素可能同时被多个css选择器选中，每个选择器都有一些css规则，这就是层叠。这些规则有可能不矛盾的，自然这些规则将会同时起效，然而有些规则是相互冲突的，例如： 复制代码代码如下:... [阅读全文]
css3圆角,CSS3 please 跨浏览器的CSS3产生器
点评：你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢？你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢？你是否在考虑跨浏览器使用CSS3的时候，要记住哪些前缀是支持哪个浏览器的？你是否想过有什么办法能一劳永逸的（或者便捷的）解决这些问题？不用发愁了，Paul Irish与朋友制作了一个有意思的CSS3生成器，在这个页面上你可... [阅读全文]
css表单,CSS 制作漂亮的网页表单
点评：初中级练习，高手朋友们可以飘过。要求达到如下图所示的效果，各位不妨试一试~ 代码如下：
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/199... [阅读全文]
浏览器渲染,border 边框属性在浏览器中的渲染方式
点评：分析border边框属性在浏览器中的渲染方式首发小志博客如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL，谢谢！针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 none;的方式处理。其中当然也是有我自己为什么要做的原因，对于这个原因在下面的分析中将会提到。在对border边... [阅读全文]
