用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器. 从黄到红示例:http://keleyi.com/keleyi/phtml/divcss/2.htm 代码: <style type="text/css"> .jbkeleyi{ height: 300px; width:100px; margin:0px auto; background-image: -moz-linear-gradient(top, #F00, #000); background-ima…

一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix…

首页的设计直接影响网站的整体形象,虽然没有一个统一的规范,但最好将其设计为大众化的,只要信息内容能够合理地编排即可,使用户可以方便地找到需要的信息.另外,首页的高度最好不要超过三个屏幕,页面中使用的颜色最好也不要超过三种.通常一个网站首页包含页眉.Logo.Banner.主导航菜单.主内容栏目和次内容栏目区块.友情链接和页脚等区块框.本例将实现的效果如图1所示. 图1  DIV+CSS布局示例演示效果 1  HTML文件的设计 使用CSS布局的好处之一就是它能够控制页面布局,而不需要使用过多的H…

我们在写页面时,为了便于维护,css样式通常都是通过link外部导入html的,有时在css中写入背景图片时,此时背景图片的路径应该是相对css文件的.比如,此时的文件有index.html,css.img.js三个文件夹(各自存放css样式表.img图片.js文件),图片a.png在css背景图片的路径应为:../img/a.png,而不是相对于index.html文件的路径img/a.png. 即:背景图片的相对路径写在哪里,就相对于谁来计算路径.…

<style type="text/css"> .div1{ background:#000080; border:1px solid red;} .div2{ background:#800080; border:1px solid red; height:100px; margin-top:10px} .left{ float:left; width:20%; height:200px; background:#DDD} .right{ float:right; wid…

如何编写CSS代码才能更有效率?这是许多网页制作者与开发者都关心的问题.大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的 CSS 编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间. 一.排版: 1.关键词和操作符之间加适当的空格. 2.相对独立的程序块与块之间加空行 3.较长的语句.表达式等要分成多行书写. 4.划分出的新行要进行适应的缩进,使排版整齐,语句可读. 5.长表达式要在低优先级操作符处划分新行,操作符放在新…

张鑫旭关于渐变色博客 菜鸟教程关于渐变色 .img-box{ background: #ec9259; /* 一些不支持背景渐变的浏览器 */ background: -webkit-linear-gradient(#e99c63, #e96d5c); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#e99c63, #e96d5c); /* Opera 11.1 - 12.0 */ background: -moz-linear-gr…

从上到下 #grad {  background: -webkit-linear-gradient(red, blue);  background: -o-linear-gradient(red, blue);  background: -moz-linear-gradient(red, blue);  background: linear-gradient(red, blue);} 从左到右 #grad {  background: -webkit-linear-gradient(left,…

background-color(CSS2) background-image background-position background-size background-repeat background-attachment background-origin background-clip 一.背景渐变色(取值单位-图像) linear-gradient() ==>路径渐变 radial-gradient() ==>经向渐变 repeating-linear-gradient()==&…

这里有个很好的样式学习网站:http://www.divcss5.com/rumen/r125.shtml 一.Css background背景语法   -   TOP CSS背景基础知识 CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式. 背景语法: background: background-color || background-image || background-repeat || background-attachment || background-…