想到些以前的东西随便写下,在新丰两建网开发中,,使用了完全的div布局,由于对方要求,左侧应用栏要能活动,只能使用3列的方式.政府又广泛使用ie6,其实最好用table来做这 时就暴露了IE6下div的一个适应问题,IE6下默认的margin-bottom不是0的,而是有一个固定的数,如果不制定div大小和相关属性,让 div在ie6下自动适配,那和火狐和ie9是不同的.最后的解决方法是全部div指定大小和相关属性.其实正确的方法是一开始开发的时候就进行处理,在过...
近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。 这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。 关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一...
一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. Ja...
E6.0,ie7.0与Firefox的CSS兼容性问题1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 F...
在牛腩中学习过CSS和DIV，在JS中学习过CSS+JS 封装，在这里又回顾了一遍，也作为查漏补缺，也算比较系统的复习了一遍吧。 css核心内容主要包括四个方面：标准流，盒子模型，浮动和定位，而在B/S前台页面的布局中，它们也起着决定性作用。盒子模型来确定每个元素的具体大小，边框和间距等，浮动定位与标准流结合来确定页面中元素之间的排列顺序和位置布局等，再加上一些基础的CSS样式如背景图片，颜色等就能形成格式各样...
CSS（Cascading Style Sheet），中文翻译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。在css控制页面中，主要有四种样式：行内样式（style 属性将css嵌套在p 标记中）、内嵌式（在HTML部分，没采用任何css代码，而是在style中对css代码进行嵌套）、链接式（使用link语句，将外部css导入到页面中）和导入样式。 在样式设计中，有一个非常关键的属性??position CSS中有...
针对之前遇到过的一些特殊样式的实现，我今天做个总结，目的有二：一是将这些方法记录下来，以便将来需要用到时查找使用。二为将这些大神们智慧的结晶发扬光大，让广大前端程序猿们能够少走弯路。此贴为更新帖，以后若有好的css样式技巧，小菜我会不定期更新。 一、块元素水平垂直居中（特别鸣谢：鑫生活。鑫哥出品必属精品！小弟膜拜） 对于一个块元素的水平垂直居中，水平居中的方式不必多说，一般用margin:auto;等方...
来源：http://www.ido321.com/1189.html 昨天，在项目中碰到了option显示异常的原因，截图如下： Firefox中用css控制之后效果 chrome和IE中css不奏效 代码： "> "> } } free($resultDK); free($resultKS); ?> ...
1、什么是XML,XHTML、HTML? 根据W3C定义，xml是指可拓展标记语言(Extension Markup Language)、设计的宗旨是用来传输数据，而非显示数据，XML中的标签没有被预定义，可以自行定义标签，它是W3C推荐的标准。 XHTML:可拓展超文本标记语言(Extensible HyperText Markup Language)，它是作为一种XML应用被重新定义的HTML，设计的目标是为了取代HTML，它与HTML4.01几乎是相同的，它是更严格更纯净版的HTML,也是W3C的一个标准。 HT...
1、IE6、7不兼容display:inline-block IE6\7下，display:inline与display:inline-block表现几乎一样 li{ display: inline-block; *display: inline; *zoom: 1; width: 100px; }
先上一张整洁的前端优化总结图(之前的一篇总结图太烂了) 以前切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户每显示一张图片都会向服务器发送请求。 所以，图片越多请求次数越多，造成延迟的可能性也就越大。所以在这里我们要做的就是把网页中常用的图片整合到一张图片文件中，再利用CSS的“backg round-image”，“background- re...
CSS是用于控制网页样式并将样式信息与网页内容分离的一种标记语言。它的引入是为了使得HTML语言更好地适应页面的美工设计。 CSS+DIV放在一起，是因为DIV作为HTML中块标记，CSS可以通过DIV标签实现对网页的样式控制。 CSS作为样式表插入到HTML中，当读到一个样式表时，浏览器会根据它来格式化HTML 文档，插入样式表的方法有：行内式，内嵌式，导入式和链接式。当然CSS有它一定规则，由选择器和一条或多条声明构成...
个人对前端优化的一些简要总结，参考了一些别人写得资料 服务器方面： 提高自己服务器质量，带宽等方面 开启浏览器缓存，减少http请求 开启gzip压缩 使用内容分发网络cdn html界面 css文件放在head，js文件放在html尾部。下载某一个js时其他任务是暂停的，需要等这个JS下载并执行完毕后再下载其他的 不适用内联css 尽量减少标签，不多用一个标签，如clear清楚浮动用 :after js的...
浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。 这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争 先来谈谈CSS Hack 我们为了让页面形成统一的效果，要针对不同的浏览器或不同版本写出对应可解析的CSS样式，所以我们就把这个针对不同浏览器/版本而写CSS的过程叫做 CSS hack. CSS hack主要有...
一、把容器当作表格单元 按钮 .middle-demo1{ display: table-cell; height: 100px; //可以动态改变高度，这里只是演示 vertical-align: middle; border: 1px solid #666; } 浏览器支持情况: http://caniuse.com/#search=table-cell 二、固定高度的元素垂直居中 .middle-demo2{ position: relative; width: 200px; height: 200px; border: 1px solid #666; }.g-box{ position: absolute; top: 50%; width: 1...