关注前端开发微信微信号web007007

去掉超链接或按钮点击时出现的虚线边框

去掉超链接或按钮点击时出现的虚线边框

纯CSS去掉超链接或按钮点击时出现的虚线边框 <head> <style type="text/css"> a,input,button{ outline:none; } ::-moz-focus-inner{border:0px;} </style> </head> <body> <a href="http://www.web92.net" target="_blank" title="WEB前端开发网" alt="WEB前端开发网">WEB前端开发网</a>...

阅读全文...

clearfix清除浮动闭合容器之:after与:before

clearfix清除浮动闭合容器之:after与:before

首先对伪类:before与:after做下注脚 :before 伪元素在元素之前添加内容。 :after 伪元素在元素之后添加内容。 这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。该二伪类不被IE6/7所支持。 好了,进入正题 在平常我们coding时候经常会发生子元素浮动而引起父级元素不能完全撑开的状况, 可能很多朋友给父...

阅读全文...

最小高度使用技巧兼容 IE6、IE7、IE8、FF等浏览器

最小高度使用技巧兼容 IE6、IE7、IE8、FF等浏览器

在说这个话题之前先说一下我们为什么要用min-height 最小高度这完意吧. 这个一股情况用在企业网站上页,看看我们现在大部份的企业 网站的内容页好像都是左边一栏二级菜单,然后右边是放一些介绍性的内容什么的,有木有。 正在是因为这样才引发了这个话题,当左边菜单比较多一点而右边内容又没多少的情况下那样右边太短了就看着不舒服了,如果给它一个最小高度就会好那么一点点,那样当它内容不够...

阅读全文...

CSS代码缩写

CSS代码缩写

一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的代码: p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px; border-left-width: 20px;} 可以写成: p {border-widt...

阅读全文...

DIV+CSS建站对浏览器的兼容性问题和注意事项

DIV+CSS建站对浏览器的兼容性问题和注意事项

使用DIV+CSS构架好处不少,但也确实存在一些问题,现在让网页设计师最头疼的事莫过于DIV+CSS对浏览器的兼容性了,可能你用惯了IE6,做出来的东西没感觉到有多大异常,但是把同样的东西放到IE7里去看的话,就会发现很多问题,如果放到火狐浏览器里去看,结果更不尽人意。 一个页面从制作的开始就决定了他要使用的浏览器解析css模式,浏览器模式的不同,就造成了各个浏览器对页面显示的差异。浏览...

阅读全文...

text-justify 的用法

text-justify 的用法

最近在工作作一个英文网站,领导要求内容一定要两端对齐,说实在的以前还真没用过这玩意,然后在网上搜了搜就解决了, 拿出来分享下 我用的是text-justify 先来说一下text-justify的基本特性 初始值: 适用于: 继承性: 无 百分比: 媒体: 版本: 兼容性: IE5+专有属性 基本语法 text-justify : auto | distribute | distribute-all-line...

阅读全文...

神奇的DIV+CSS,它已经不再神奇

神奇的DIV+CSS,它已经不再神奇

DIV是一对html常用标签。你把它捧上天,必定摔的更惨,曾经为多数从事table布局的人所膜拜!DIV+CSS是一对很诱人的组合,会用 DIV+CSS制作网页的人,常常会被人赞以大拇指的,慢慢的改变对这个看法。尽管现在提到DIV+CSS,还会有很多人热情高涨,我想随着前端的发展, 它已经倒计时了.. 1、DIV只是HTML最常用的标签之一 显然HTML并不只是一个DIV标签有用,每个标签都有它的用途,只是DIV是其中最...

阅读全文...

巧妙clearfix解决css浮动问题

巧妙clearfix解决css浮动问题

如何用clear来解决css浮动问题,应该是众多前端开发人员所关心的问题,是clear还是clearfix,其实我们最终一个目的就是让浮动产生更多的影响,最为一个前端人员,我们有必要深入研究和探讨… 万能float闭合,得知很多朋友都在使用下面的通用解决办法: clear{clear:both;height:0;overflow:hidden;} 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本...

阅读全文...

DIV+CSS布局网站对SEO的好处?

DIV+CSS布局网站对SEO的好处?

div+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。   SEO是指搜索引擎优化,主要就是通过对网站的结构、标签、排版,关键字等各方面的优化,使搜索引擎更容易抓取网站的内容,并且让网站的各个网页在等搜索引擎中获得较高的评分,从而获得较好的排...

阅读全文...

关于网页图片的压缩

关于网页图片的压缩

众所周知,对于一个网站而言,网页的下载速度是至关重要的。它不仅直接影响到用户的浏览体验、还关系到网页在搜索引擎中的排名参数。因此,优化网 页、使之能快速下载是页面制作中很重要的考虑因素。网页优化涉及方方面面,图片优化则是其中重要手段之一,下面就来探讨一下web图片的优化。 1、切图的时候尽量图形区,避免不必要的体积浪费。 2、使用ps存储为web所用格式,这样会比一般的“存储为”...

阅读全文...