搜索列表
-
固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
【CSS/HTML】工作原理 #wrapper必须触发hasLayout,不然有时里面的内容会浮得怪怪的,我直接用float的,可以用其他方式。其实如果只是要做到这个例子要的效果连#wrapper都可以不要。#left定义100%宽度并利用margin:0 0 0 -200px把左边整块放在偏移入左边200px处,再利用#innerLeft的margin:0 0 0 200px再把内容撑出来,#right只是简单...
固定右栏宽度左栏内容先出现同时自适应宽度的布局 -
em px的关系
【CSS/HTML】情况是这样的,css里常用的两种定义字体大小的单位:em, px。 em是一个相对数,比如1.1em就表示1.1个字符宽度,而这个字符宽度是根据font-size来初始化大小的。同时em还有继承父对象的特性,所以在不同位置的1.2em并不一定相等,不过这篇文章和这个没关系就不细说了。 px是对于当前显示设备的解析度而言,虽然...
empx的关系 -
中文排版CSS心得
【CSS/HTML】数月来学习web标准,并遵循标准设计和制作web页面。一直想写点什么,整理一下自己的心得体会。写这篇文章,主要是针对中文排版设计,英文排版因为很少做,所以不涉及。 先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版,比如中文字的截断、...
中文排版CSS心得 -
用CSS实现下拉菜单的多种方法
【CSS/HTML】横向下拉菜单 横向下拉菜单 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单一 菜单二 菜单二 菜单二 菜单二 菜单二 菜单二 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单四 菜单四 菜单四 菜单四 菜单四 菜单四 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单六 菜单六 菜单六 菜单六 菜单六 菜单六 [Ctrl+A 全选 注:引...
用CSS实现下拉菜单的多种方法 -
XHTML下css+div布局总结 超强推荐
【CSS/HTML】xml(extensible Markup Language)的出现,结构化文档和数据有了一个通用的、科适应的格式,不仅仅应用在web上,也可以应用在任何地方。标准称为可能。XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。它实现HTM...
XHTML下css+div布局总结超强推荐 -
收藏了很久的CSS的十八般技巧
【CSS/HTML】最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS,影响CSS的效率发挥。我来分析总结一下错误所在,帮助大家更加容易使用CSS。 本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是C...
收藏了很久的CSS的十八般技巧 -
第7天:CSS入门
【CSS/HTML】在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句:p {COLOR:...
第7天:CSS入门 -
第12天:校验及常见错误
【CSS/HTML】辛苦了好多天,我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。 1.XHTML校验 校验网址:http://val...
第12天:校验及常见错误 -
第9天:第一个CSS布局实例
【CSS/HTML】接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把...
第9天:第一个CSS布局实例 -
图片自动播放器脚本之家修正
【网页播放器】图片自动播放器修正,可以兼容ff,发现些小问题,希望大家多多讨论,使用方法呢复制代码 代码如下:ImgName=new ImgArray(3); ImgName[0]="4.jpg"; ImgName[1]="1.jpg"; ImgName[2]="2.jpg"; ImgName[3]="3.jpg";只需修改上面的地方即可,加了图片预载,转载请写明出处,剩下的大家...
图片自动播放器脚本之家修正 -
小心:CSS代码书写顺序不同,导致显示效果不一样
【CSS/HTML】无意中发现,针对同一HTML标记,在CSS中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。 即: >>> 如果先写font,再写line-height,显示效果正常 >>> 如果先写line-height,再写font,则line-height定义的效果会丢失,在IE、Firef...
小心:CSS代码书写顺序不同,导致显示效果不一样 -
又一个典型css实例
【CSS/HTML】复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3...
又一个典型实例