在牛腩中学习过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...
为什么叫神器呢？ 我总结如下： 第一：也是最重要的，它占内存很小（就如同notepad++那般迅速打开，所以那款其实也不错~)。一般IDE比如WebStorm(它也是一款神器来着），Aptana(也比较常用),还有前后结合的Zend Studio 等都略显臃肿，打开太慢，耗内存太大。 第二：主题丰富，漂亮的界面。各式各样的主题可以满足你的视觉美。 第三：支持的插件丰富多样。很多插件都能让你获得不一样的体验。 第四：支持命令快捷键方式。就...
从四大开始开始慢慢接触前端，大概半年多过去了，虽然做了一些东西，但感觉有些点始终不是很清晰。有时候为了赶进度，没有太多时间对某个点进行全面深入思考分析，只能从网上搜一搜，试一试，只要效果出来了，任务就完成了。这次终于可以抽出时间对一直不是很清楚的一点css中的float进行了详细探究，我感觉这是css中迷惑性最大的一个，所以下定决心把它搞清楚。 我先从w3school上看了其对float的解释，有查了其他一些资料。最后...
HTTP请求报文： 一个HTTP请求报文由四个部分组成：请求行、请求头部、空行、请求数据 1.请求行 请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成，它们用空格分隔。比如 GET /data/info.html HTTP/1.1 方法字段就是HTTP使用的请求方法，比如常见的GET/POST 其中HTTP协议版本有两种：HTTP1.0/HTTP1.1 可以这样区别： HTTP1.0对于每个连接都的建立一次连接一次只能传送一个请求和响应，请求就会关闭，...
CSS介绍 ☆CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 ☆CSS 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： ☆选择符：又称选择器，指明网页中要应用样式规则的元素。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔...