Posts Tagged ‘ CSS ’

CSS中兼容IE7和IE8

  • 九月 17th, 2009
  • Posted in 网络

众所周知，IE8在对WEB标准支持更进一步了，这直接导致还有大部分用户在用IE7又是一个问题，很服了，现在用的IE三个版本各有千秋，常用HACK手法就不说了，貌似前面有篇文章提到过。 在头部 HEAD 加入<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />， 这个标签的意义就是让IE8 用IE7 的渲染引擎来生成页面，不过当然这只是权宜之计，不符合W3C标准，想完全的去区分开，那还得花时间去了解各个浏览器的不同之处。 浏览器滚动条貌似已经退出标准系列了，如果你想用，当然TABLE布局不会出现什么问题，如果DIV得话，你删掉DOCTYPE头部文件来显示滚动条后，就知道页面乱成什么样子了。 这段时间发现CSS用通配符不是一个好习惯，很多小问题会出来，建议为UL几个FF和IE所不同的属性外单独写上，还是少用通配符了。。 [ READ MORE ]

不同浏览器常用的CSS HACK手法

  • 七月 26th, 2009
  • Posted in 网络

 最近工作为追求速度和效率，页面CSS中使用了超级多的CSS HACK，页面不是很规范，但速度..  所有IE都支持\9，而FF它是不支持的，而IE8 又不支持*号，IE6能用_下划线区分。  例如：#color{ color:yellow; //所有浏览器支持                                 color:red\9; //所有IE认识，而FF是不认识的                                 *color:blue; //IE6,IE7认识，IE8和FF不认识                                 _color:#FFF;  //只有IE6认识 }   IE专属注释 <!–[if lte IE 6]>   <style>     ……   </style> <![endif]–> 这个当然也会用到，不过还是在力所能及的范围内力求规范吧。 [ READ MORE ]

JS实现根据浏览器类型自动调用不同CSS

  • 七月 26th, 2009
  • Posted in 网络

<SCRIPT LANGUAGE=”javascript”> <!– if (window.navigator.userAgent.indexOf(“MSIE”)>=1) { file://如果浏览器为IE setActiveStyleSheet(“default.css”); }else{ if (window.navigator.userAgent.indexOf(“Firefox”)>=1) { file://如果浏览器为Firefox setActiveStyleSheet(“default2.css”); }else{ file://如果浏览器为其他 setActiveStyleSheet(“newsky.css”); } }  function setActiveStyleSheet(title){  document.getElementsByTagName(“link”)[0].href=”style/”+title;  } file://–> </SCRIPT> [ READ MORE ]

CSS图片圆角效果

  • 六月 5th, 2009
  • Posted in 网络

<html> <head> <title>CSS图片圆角效果</title> <style type=”text/css”> body{ font-family:”宋体”; font-size:12px;} #box{  margin: 20px auto;  width:360px;  height:360px;   background: url(center.gif)    repeat-y;} #box h2{ background:url(bottom.gif)   no-repeat left top;   padding:20px;} #box p{  padding:20px;   line-height:180%;} #box p.last{ background:url(top.gif) no-repeat left bottom;  padding:20px;} </style> </head> <body>  <div id=”box”>  <h2>CSS圆角效果</h2>  <p >CSS实现图片圆角效果</p> <p >CSS实现图片圆角效果</p> <p >CSS实现图片圆角效果</p> <p class=”last”>CSS实现图片圆角效果</p>  </div> </body> </html> [ READ MORE ]

七招带你快速入门CSS

  • 六月 2nd, 2009
  • Posted in 网络

1.什么是CSS 　　级联样式表 CSS(Cascading Style Sheet) 它是一种简单语言的名称，用户可以运用它声明Web浏览器如何显示文档。它广泛应用于WEB和HTML,XML的更新语言中。简单来说它就是一种语言代码,一种样式语言. 2.CSS能做些什么 　　(1)它可以改变文本的格式和颜色 设置字体大小、链接颜色、首字母下沉等一些文本效果。 　　(2)也可以对图形外观和布局进行设置，例如设置本经图形、水平边距和排列位置等外观设置。 　　(3)动态操作就是一些交互性的效果，例如设置鼠标在链接上的效果等一些问题。 3 CSS的编写规则 　　它由两部分组成：选择符和声明。声明又是由属性和属性的值组成。一般简单的CSS规则就是这么写的 选择符{属性：值;} CSS编写不是太注重编写的样式，它都是忽略空白的地方，所以写成这些样子也没有关系 选择符{ 属性：值; } 择符就是在HTML中的带有<>的元素标签,例如我们就可以拿来做选择符 p{clore:blue;} 规则会选择所有标签样式，声明是规则的下一部分 声明在{}大括号内。最好实用;方便查看，选择符{属性：值;} 4 联合CSS规则       p{color:bule;}      p{font-size:large;}   p{color:bule;font-size:large;} 都可以这样写，两天声明间必须有分隔符. 5 CSS注释    /*注释*/ 注释可以写在任何地方 但是不可以嵌套    /*变成蓝色*/              p{color:bule;}    p{color:/*变成蓝色*/bule;}   p{/*color:/*变成蓝色*/bule;/*}—-不可以嵌套  6 文本格式的简单CSS属性    color属性控制文本颜色属性 h1{color:lime;}    background-color 属性    body{background:silver;}    font-size属性制定文本大小d1{font-size:large}    font-family属性是设置文本字体，字体族. body{font-family:Arial,sans-serif;} 7 HTML中链接样式表用<link>元素可以解决，但他只在<head>部分出现    <  head>    <title>客来搜-kelaiso.cn</title>   <link type=”text/css” rel=”stylesheet” href=”kelaiso.css”> </head> [ READ MORE ]

菜刀转向水果刀

  • 五月 24th, 2009
  • Posted in 网络

PHP 5与MySQL 5 Web 开发技术详解 JavaScript权威指南(第五版) 精通CSS+DIV网页样式布局 年前一鼓劲的学JSP，哎，半途而废，惭愧，惭愧，连个小小的BBS写起来都困难，既然菜刀拿不稳拿我就拿水果刀了 PHP，我来了，打算年底前巩固这三本书，如果学得来劲的话争取明年年底的时候能写个简单的CMS出来就好了，呵呵，有点急于求成，不过为了工作，工作是为了什么当然是低俗的钱啦，所以为了钱好好学咯。。 [ READ MORE ]

添加订阅

Recent Comments

Recent entry

Archive

Category

tags

一票难求 不同浏览器 习惯 优化 净化 努力奋斗 医学百科 南瓜 博客 取舍 同事 同学 备案 失眠 头晕眼胀 奋斗 安静 家 工作 工资 平安快乐 广告语 广州 影视娱乐 往事回忆 情感哲理 情感迷惑 感悟生活，品味人生 拼搏 挑战 搞笑短语 收录 改造生活 数据库 新年快乐 新年新气象 无聊 无聊发呆 无聊生活 无语郁闷 星座 春运回家 春运火车票 朋友 杂谈生活 极度无聊 校园 桌面 梦幻生活 歌曲 毕业 毕业证 泡妞 消费 淡定 淡忘 淡然 爱情哲学 猪猪的梦想 现实 用心做人 男人女人 百度谷歌排名优化 祝福母亲 程序员 空间 端午节 粽子 累 细节 经典广告 网站收录 网络人生 网络相册 老处男 聚会 自考 苦瓜 虚拟 誓约重阳 话费 超级笑话 身体健康 逛论坛 郁闷 金钱女人 面对现实 2010年目标 CentOS Linux CSS DJ音乐 JavaScript jquery实例 JSP PHP PHP学习 Picasa插件 QQ QQ弊端 QQ表情

友情链接