Welcome 微信登录

首页 / 脚本样式 / CSS

收藏了很久的CSS的十八般技巧

收藏了很久的CSS的十八般技巧

最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS,影响CSS的效率发挥。我来分析总结一下错误所在,帮助大家更加容易使用CSS。 本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。cs...
XHTML下css+div布局总结 超强推荐

XHTML下css+div布局总结 超强推荐

xml(extensible Markup Language)的出现,结构化文档和数据有了一个通用的、科适应的格式,不仅仅应用在web上,也可以应用在任何地方。标准称为可能。XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。它实现HTML向XML的过渡。CSS是Cascading Style Sheets层叠样式表的缩写。...
用CSS实现下拉菜单的多种方法

用CSS实现下拉菜单的多种方法

横向下拉菜单 横向下拉菜单 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单二 菜单二 菜单二 菜单二 菜单二 菜单二 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单四 菜单四 菜单四 菜单四 菜单四 菜单四 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单六 菜单六 菜单六 菜单六 菜单六 菜单六 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]CSS下拉导航菜单...
在IE下拖动滚动条时border消失的解决方法

在IE下拖动滚动条时border消失的解决方法

通常我会用DIV加上border来定义边线,可有时发现在IE下拖动滚动条时border会经常消失,当你刷新时,又会出来。这个问题,我想了很久也没有想出什么原因,所以在些之前用DIV+CSS所写的页面中,这个问题都存在。今天,这个问题,实在太影响最终结果,所在找了一个提示:"以为DIV加上一个高度就能解决。"下面传张前后对比图.至于产生这个问题的原因,我想应该是IE的BUG吧。当你用MozillaFirefox/Opera则不会产生这种问题。...
CSS中常用的单位

CSS中常用的单位

一、长度单位 长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是,在设计的时候需要为元素的位置、尺寸精确地定义一些值,以使其达到预期的效果。 CSS给予人们精确控制网页的能力,这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是,CSS所给出的控制同时也是一个危险的东西,这不仅表现在设计者缺乏经验,更在于如何给出一个尺寸和空间值。为什么呢?因为一个设计者虽然能够决定某一个特殊的...
何为XHTML??

何为XHTML??

前言: 现在都讲究标准建站,而标准建站使用的技术主要是XHTML+CSS,而现在我们普遍使用的是HTML代码,那么我该如何转换呢?以及HTML和XHTML有什么不同呢?在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML。毕竟XHTML是发展的方向,所以我觉得该教程有必要在本站上发布。我感觉要是你想使用标准还是最好先学HTML,因为比较简单,然后再来看该教程。同时这也是我曾发表过的WEB标准XHTML&CSS的延续。 ...
有关表格边框的css语法整理(1)

有关表格边框的css语法整理(1)

我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1.上边框宽度 语法:border-top-width:<...
中文排版CSS心得

中文排版CSS心得

数月来学习web标准,并遵循标准设计和制作web页面。一直想写点什么,整理一下自己的心得体会。写这篇文章,主要是针对中文排版设计,英文排版因为很少做,所以不涉及。 先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版,比如中文字的截断、固定宽度词内折行(word-wrap和word-break)等等。因为只是写一些应用方面的心得,如果需要完整的CSS属性介绍,请参考CSS手册。 1...
一个针对IE7的CSS Hack

一个针对IE7的CSS Hack

IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack,具体就是:>bodyhtml**+html这三种写法,其中前两种都是不合法的 ...
网页中关闭IE的图像工具栏和XP主题

网页中关闭IE的图像工具栏和XP主题

关闭XP系统主题在IE中的显示 如果开发环境是XP系统,IE中的input标签会和XP系统主题相符合,影响了外观的统一,采用下列方法可以关闭. 添加下列META标记,可以选择使得您的HTML内容对于某些元素(如按钮和滚动条)不采用与该操作系统相同的外观: <METAHTTP-EQUIV="MSThemeCompatible"Content="No"> 关闭IE的图像工具栏 IE的图像工具栏有时候很讨厌,在MSDN上无意中发现了关闭方法 图像工具...
解决IE升级后Flash线框问题

解决IE升级后Flash线框问题

你的系统在最近升级更新过了!安装了更新系统编号为KB912945的补丁,微软为了避免与Eolas公司和加利福尼亚大学之间的专利侵权纠纷,而发布的一个IE非安全更新,这不是什么BUG 安装这个补丁以后,IE对ActiveX控件和Java程序的处理方式将有所改变,默认情况下不会主动激活,因此用户在访问Flash广告等网络内容时需要多点击一次鼠标,但非交互式控件不会改变,微软已经通知网站开发人员最好对他们的网页作出相应修改! 解决办法:在控制面板的"添加删除程序...
em px的关系

em px的关系

情况是这样的,css里常用的两种定义字体大小的单位:em,px。 em是一个相对数,比如1.1em就表示1.1个字符宽度,而这个字符宽度是根据font-size来初始化大小的。同时em还有继承父对象的特性,所以在不同位置的1.2em并不一定相等,不过这篇文章和这个没关系就不细说了。 px是对于当前显示设备的解析度而言,虽然对于不同设备仍然会有大小差别,但是相对来说更加适合用在定义字体上。 而这个模版我没有特别定义搜索部分的字体大小,于是它就使用了父对象...
95%的中国网站需要重写CSS

95%的中国网站需要重写CSS

很长一段时间,我都使用12px作为网站的主要字体大小。10px太小,眼睛很容易疲劳,14px虽容易看清,却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。谁对我的网站字体大小有意见?我老爸,他是第一个向我反映看不清我的网站文字的人。这使我意识到12px,其实只是让我觉得很不错而已,而对于那些视力下降明显的中年以上的人来讲,几乎等于10px对于我的感觉。于是我告诉他,在“查看”里调整“文字大小”就可以了。但是却发现这是徒劳的。在Firefox能轻易调...
<< 51 52 53 54 55 56 57 58 59 60 >>