易截截图软件、单文件、免安装、纯绿色、仅160KB

目前比较全的CSS重设(reset)方法总结

  在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美
世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失
窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现。
  当今流行的浏览器(如:Firefox、Opera、Internet
Explorer、Chrome、Safari等等)中,有一些都是以自己的方式去理解CSS规范,这就会导致有的浏览器对CSS的解释与设计师的CSS
定义初衷相冲突,使得网页的样子在某些浏览器下能正确按照设计师的想法显示,但有些浏览器却并没有按照设计师想要的样子显示出来,这就导致浏览器的兼容性
问题。更糟的是,有的浏览器完全无视CSS的一些声明和属性。
  正因为上述冲突和问题依然存在于这个”不完美的世界”,所以一些设计师想到了一种避免浏览器兼容性问题的方法,那就是CSS Reset,什么是CSS Reset?
我们可以把它叫做CSS重设,也有人叫做CSS复位、默认CSS、CSS重置等。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释
CSS
,这样就能避免发生这种问题。
  本文总结收集了15套CSS重设实例
,您可以在前端开发工作中进行参考和使用,有些是很简化的CSS Reset,有些则是非常复杂非常全面的CSS Reset,至于使用哪套,全看您的爱好或需要。
一.最简化的CSS Reset(重设) :
* {
      padding: 0;
      margin: 0;
}
  这是最普遍最简单的CSS重设,将所有元素的padding和margin值都设为0,可以避免一些浏览器在理解这两个属性默认值上的”分歧”。
* {
       padding: 0;
       margin: 0;
       border: 0;
}
  这是在上一个重设的基础上添加了对border属性的重设,初始值为0的确能避免一些问题。
* {
       outline: 0;
       padding: 0;
       margin: 0;
       border: 0;
}
  在前两个的基础


相关文档:

ASP .NET 中 AJAX 的 TabContainer 的 CSS 样式编写

在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则,如下图:
具体的 CSS 样式的编写为:
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......

使用CSS完美实现垂直居中的方法

  使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题
也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法,该方法是由aka
Yuhů发明的,这个方法也是目前暴风 ......

css圆角box备忘

css圆角box备忘 <style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r   {display:block;background: #fff} ......

CSS 过滤器 滤镜

滤镜效果 | 功能描述
-----------------------------------------------
Alpha | 设置不同的透明度变化效果
-----------------------------------------------
Blur | 建立模糊效果
-----------------------------------------------
DropShadow| 建立一种偏移的影象轮廓,即投射阴影
---------------------- ......

div居中的设置该如何编写css?

div居中的设置该如何编写css?
我们在传统的表格布局中,只要设置表格的居中属性就实现了居中的块元素。应用div css网站布局,div的居中该如何编写css来控制它呢?
  主要的样式定义如下:
  body {text-align: center;}
  #center { margin-right: auto; margin-left: auto; }
  首先在父级元素定义text-a ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号