CSS教程:认识CSS初始化(重设浏览器的样式)

CSS教程:认识CSS初始化(重设浏览器的样式)的相关文章

• 
  CSS Reset重设浏览器的样式代码实例

  标签：Web开发

  在22333.com前面的文章中，我们讲过CSS Reset是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同，所有开发时的第一件事可能就是如果把他们统一。 下面的代码是YaHoo的方法，我们可以参考学习。 总结与编写出，适合自己工作与学习的CSS Reset代码。 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;...[ 查看全文 ]

  可乐鸡翅292

  41
• 
  YaHoo方法:CSS Reset重设浏览器的样式

  标签：Web开发

  在webjx.com前面的文章中，我们讲过CSS Reset是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同，所有开发时的第一件事可能就是如果把他们统一。 下面的代码是YaHoo的方法，我们可以参考学习。 总结与编写出，适合自己工作与学习的CSS Reset代码。 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0...[ 查看全文 ]

  韩先生mr

  01
• 
  CSS样式表教程：浏览器默认样式

  标签：Web开发

  不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}； 不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好，在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来，我都是浏览器默认样式在作怪。 因此，我们在生...[ 查看全文 ]

  甜蜜宝贝的小屋

  41
• 
  firefox浏览器支持的CSS鼠标样式

  标签：Web开发

  虽说在CSS参考手册中注明了cursor兼容性：IE4.0+ NS6.0+ 继承性：有。但还是有些属性值在FF环境中不支持. FF及IE6＋支持的鼠标样式有 all-scroll  : IE6.0 有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 col-resize  : IE6.0 有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。 crosshair...[ 查看全文 ]

  程_程

  91
• 
  让IE浏览器即时刷新CSS样式

  标签：Web开发

  在网页开发的时候，经常使用CSS来设计网页样式，这时通常是通过link的方法将指定的css样式文件嵌入到相应的页面中。而在编写样式的使用，往往是通过网页来测试和观察其效果。由于在测试不同设计样式的效果时会频繁修改css样式文件的内容，并且没改完一次.css文件就会刷新一下页面一看新的效果。然而，这个时候往往遇到一个令人烦恼的事情，那就是在修改了样式文件后，通过刷新网页，并没能看到新样式作用...[ 查看全文 ]

  固安蕴铭

  201
• 
  CSS教程:论CSS选择器的浏览器支持

  标签：Web开发

  我很久以前就开始计划着整理一下CSS选择器的浏览器支持，因为CSS3增加了很多非常有用的选择器。CSS属性选择器制作个性化链接样式作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况，我将其翻译过来并进行进一步的整理，将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表，以及我自己平时总结的一些tips。 熟悉jQuery的人可能都知道，jQuery的灵魂就是它的选择...[ 查看全文 ]

  xuzubao

  31
• 
  浏览器CSS兼容方案

  标签：Web开发

  网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览器。 一般情况下，我都会兼顾IE 6.0...[ 查看全文 ]

  北京小青年33

  21
• 
  CSS 浏览器的等宽空格

  标签：Web开发

  很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用   等这样的占位符。 但是   也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，注意到 Safari 中的   宽度是已设定字符的空格宽度（Safari 的默认字体为 Times），也就是说一个中文字符需要两个占...[ 查看全文 ]

  gdwsggb

  31
• 
  CSS教程:CSS控制浏览器滚动条的源代码

  标签：Web开发

  1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的颜色 ...[ 查看全文 ]

  李爷345

  81
• 
  CSS选择器的浏览器支持

  标签：Web开发

  我很久以前就开始计划着整理一下CSS选择器的浏览器支持，因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》，作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况，我将其翻译过来并进行进一步的整理，将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表，以及我自己平时总结的一些tips。 熟悉jQuery的人可能都知道，jQuer...[ 查看全文 ]

  龙门盛会

  11
• 
  CSS实现强制浏览器分页

  标签：Web开发

  虽然webjx.com向大家介绍了很多CSS属性的相关知识，但有些非常冷门的属性还是有所欠缺。在B/S程序中，对打印页面的控制，CSS相对比较弱，例如： 自动分页， 就基本没啥实际用途。我们通常需要自己在需要的时候，强制浏览器分页，这时可以使用以下样式： style type="text/css" .webjxcom { page-break-after:always;} /style auto ：对页面分割没有影响。 always：强制在元素...[ 查看全文 ]

  a18731777116

  111
• 
  用CSS控制浏览器滚动条样式源代码

  标签：Web开发

  自从dhtml出现以来，微软对dhtml功能的加强就没有停止过，在微软最新的游览器internet explorer 5.5的的ie5.5增加了许多新的样式表内容，对滚动条的样式进行修改也是其中之一，下面我们简单地介绍一下涉及浏览器滚动条的样式表内容： 1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、s...[ 查看全文 ]

  安踏拖拉机

  31
• 
  不同浏览器的CSS Hack写法

  标签：Web开发

  区别IE6与FF：        background:orange;*background:blue; 区别IE6与IE7：        background:green !important;background:blue; 区别IE7与FF：        background:orange; *background:green; 区别FF，IE7，IE6：        background:orange;*background:green !import...[ 查看全文 ]

  杨子970241043

  31
• 
  CSS教程:浮动元素对浏览器的支持

  标签：Web开发

  当元素设置浮动(float)后会被移出文档流，相信大家都会经常遇到这样的问题。 这问题的解决办法有N种之多，因为每种浏览器对CSS的解析各异，所以在不同浏览器使用清除浮动的元素也会有所不同。 我认为目前还没有最好的清除浮动元素或组合，而是根据情况分析而选择，最好的清除浮动元素或组合。 为了兼容不同浏览器，可能要使用不同的清除浮动元素组合使用，如：{overflow:hidden; zoom:1;}、{display:ta...[ 查看全文 ]

  源子sunny

  41
• 
  认识浏览器：Netscape 浏览器

  标签：浏览器 Web开发

  Netscape Navigator 9 Netscape Navigator 9 (Beta 1) 于 2007 年 6 月发布。它基于 Mozilla Firefox 2。 Navigator 9 中的一些新特性：Mozilla 特性 由于 Navigator 9 基于 Mozilla，它拥有所有最新的 Mozilla 特性。 URL 纠错 Navigator 9 会自动校正 URL。 Link Pad 一个新的 sidebar 特性，允许在不搞乱书签的情况下保存新闻日后访问的链接/URL。 扩展兼容性 Navigator 9 允许你安装与 Firefox 2 兼...[ 查看全文 ]

  KE5F8I

  71
• 
  CSS:浏览器特定选择器介绍

  标签：Web开发

  当你想在一个浏览器里改变样式而不像在其他浏览器中改变时，这些选择器很有用。 IE6以下 *html{} IE 7 以下 *:first-child+html {} * html {} 只对IE 7 *:first-child+html {} 只对IE 7 和现代浏览器 htmlbody {} 只对现代浏览器(非IE 7) html/**/body {} 最新的Opera 9以下版本 html:first-child {} Safari html[xmlns*="] body:last-child {} 要使用这些选择器，请在样式前写下这些...[ 查看全文 ]

  望海的女人a

  41
• 
  认识浏览器：Firefox 浏览器

  标签：Web开发

  Firefox 是由 Mozilla 开发的开源 web 浏览器。 Firefox 是什么？ Firefox 是一款免费的可用于 Windows、Linux 和 Mac 的开源 web 浏览器。它小巧快速，可提供弹窗阻止和标签式浏览等许多新特性。 Firefox 基于 Mozilla 代码，是标准兼容性最好的浏览器之一。 Firefox 可用于 Windows 98、Windows 2000、Windows XP、Mac OS X 以及 Linux。 Firefox 3 Mozilla 的最新版浏览器，Firefox 3，于 2008 年 ...[ 查看全文 ]

  我平凡绝不平庸

  51
• 
  浏览器发展/CSS布局/怎样运用?

  标签：Web开发

  浏览器发展/CSS布局/怎样合理运用？ IE7正在逼近...为什么使用逼近这个字眼呢？因为我为曾经使用CSS布局的网站感到担忧. CSS Hack 曾经为了让多个浏览器达到同样的效果,使用的又是CSS布局,我使用了CSS Hack.但随着IE7的到来,一些作用的失效,布局又出现了严重的问题.难道我们所提倡的CSS布局就是这样的让人不安么？ 出现问题自然会让人想到出现问题的原因.其实不难发现我们使用CSS Hack都是在解决一些鸡毛...[ 查看全文 ]

  LHL1002xuanyi

  21
• 
  区别不同浏览器CSS hack写法

  标签：Web开发

  区别IE6与FF：        background:orange;*background:blue; 区别IE6与IE7：        background:green !important;background:blue; 区别IE7与FF：        background:orange; *background:green; 区别FF，IE7，IE6：        background:orange;*background:green !important;...[ 查看全文 ]

  138393837

  31
• 
  css中用javascript判断浏览器版本

  标签：Web开发

  看如下的javascript脚本： if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7  alert('Mozilla, Safari,...IE7 ');  if(!window.ActiveXObject){ // Mozilla, Safari,...   alert('Mozilla, Safari');  } else {   alert('IE7');  } } else {  alert('IE6'); } 看看运行效果： script language="javascript" if (window.XMLHttpRequest) ...[ 查看全文 ]

  星12345

  01