当前目录: css基础教程
用css定位图标位置

2015年1月24日  css基础教程,前端资源   

图片拼接 图片定位 为了优化网站性能,要保证网站美观的同时又要保持性能。前端师们都会将大大小小的图片或者小图标icon都放在一张透明背景图片中,为了减少服务器请求次数。 对于css图片的坐标来说是这样的: 一般我们需要到的css属性是: background-image:url(images/1.jpg) background-position:-15px -14px; 也可以使用复合属性: background:url(images/1.jpg) no-repeat -15px -14px;

写css样式,最前边加 @charset “utf-8”;是为什么

2014年10月24日  css基础教程,前端资源   

表明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文,如果CSS的文件编码和页面不一致的话。那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。。其他则没有多大影响。。这个是我个人在实践当中的积累体会。

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

2014年9月4日  css基础教程,前端资源   

让低版本的IE支持HTML5标签的方法。 让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 方式一:引用google的html5.js文件,代码内容可以自己下载下来看。 &lt;!–[if lt IE9]&gt; <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>&lt;![endif]–&gt;   将以上代码放到head标签区间   方式二:自己coding JS搞定。<script>// <![CDATA[ (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, ...

css颜色渐变兼容多浏览器

2014年3月26日  css基础教程,前端资源   

颜色渐变,可以兼容最低版本的IE6浏览器 .gradient { background-image: -moz-linear-gradient(top, #c6ff00, #538300); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c6ff00), color-stop(1, #538300)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); /* IE*/ }   -moz-linear-gradient有三个参数。第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的渐变。 -webkit-gradient是webkit引擎对渐...

css和jquery失效不起作用

2014年3月5日  css基础教程,学习jquery基础   

有时候我们在2次接手别人修改的简单页面会突然发现用低版本的IE浏览器一些简单的css样式和jquery尽然一点用都没有,那就要注意看下顶部的html 有没有定义doctype了