CSS+DIV - 随笔分类 - Bobby

用CSS缩写给你的网站加速

摘要：Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件... 阅读全文

posted @ 2006-06-24 21:59 Bobby 阅读(665) 评论(0) 推荐(0)

CSS的优化&技巧

摘要：使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如： width:100px width:100em 只有两个例外情况可以不定义单位：行高和0值。除此以... 阅读全文

posted @ 2006-06-24 21:55 Bobby 阅读(807) 评论(1) 推荐(0)

XHTML+CSS（DIV+CSS）网站欣赏

摘要：http://nf.hyperreal.info/http://www.blindwerk.de/http://www.redcrossatlanta.org/annualreport/2004/‘Building Accessible Websites’ serializationhicksdesign: 3D CSS Box Model3 equalizing col layout +head... 阅读全文

posted @ 2006-06-24 21:30 Bobby 阅读(1297) 评论(1) 推荐(0)

div＋css布局入门

摘要：div＋css布局入门这是在网页设计师上看到的一篇文章，很适合入门div＋css布局的人看，转了过来收藏，hoho～～你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你... 阅读全文

posted @ 2006-06-02 19:12 Bobby 阅读(811) 评论(0) 推荐(0)

理解表现和结构相分离

摘要：理解表现和结构相分离作者：阿捷 2004-6-25 10:13:01 对于初学者，我们常看见web标准的好处之一是“能做到表现和结构相分离”，那这到底是什么意思呢？我将以一个实际的例子来详细说明。首先我们必须先明白一些基本的概念：内容、结构、表现和行为。 1.内容内容就是页面实际要传达的真正信息，包含数据、文档或者图片等。注意这里强调的“真正”，是指纯粹的数据信息本身。比如一个不包含辅助的信... 阅读全文

posted @ 2006-05-29 15:14 Bobby 阅读(443) 评论(0) 推荐(0)

在DIV+CSS排版中新闻列表的制作方法

摘要：CSS代码: .list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x bot... 阅读全文

posted @ 2006-05-26 14:35 Bobby 阅读(1236) 评论(2) 推荐(0)

一个隐藏的菜单完全采用CSS

摘要：一个简单、隐藏的菜单，初始时只有一个指示用的菜单标签，当鼠标移动到菜单标签上时显示出完整的菜单。Javascript有许多版本,但很少有CSS的版本，我认为到目前为止这个菜单是唯一的. 菜单工作在 IE5.5, IE6, IE7, Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Safari ，不能工作在 Mac IE5.x. 它也可以做成多... 阅读全文

posted @ 2006-05-26 14:31 Bobby 阅读(530) 评论(0) 推荐(0)

CSS基本布局16例

摘要：以下布局资料原作者：Owen Briggs 单行单列单行单列1：采用float浮在左上角，固定宽度。单行单列2：固定在左上角，固定宽度，采用的是绝对(absolute)定位。单行单列3：固定在左上角，不固定宽度，采用百分比(%)定义宽度来自适应页面。单行单列4(推荐)：固定宽度，采用在body样式中定义居中属性(text-align: center... 阅读全文

posted @ 2006-05-12 14:15 Bobby 阅读(623) 评论(1) 推荐(0)

CSS+DIV第三天

摘要：昨天前天复习了css的基础知识，昨天又学了一些布局的知识，今天是第三天，驼驼开始自己动手制作css+div排版的页面。驼驼的第一个页面制作的过程非常郁闷，中间出了无数的错误。不过，正是这些错误让驼驼看到了理论知识和实践的不同。so,驼驼总结了自己犯的错误们,虽然比较嗷嗷幼稚,总是个成长滴过程~0~,还是值得纪念的. 首先看偶写的三个css #left{ FLOAT: left; B... 阅读全文

posted @ 2006-05-12 13:32 Bobby 阅读(988) 评论(3) 推荐(0)

CSS+DIV第二天

摘要：第二天开始. 昨天学习了css的基本用法.包括css的引用和一些常用css属性。掌握了css的基本用法，只是完成了css+div排版的第一步。说到排版，最重要的莫过于定位。我们用table来排版的时候是直接在网页上画出一个个格子，把内容填充到相应的格子里去。用css也是这个原理，不过css不能直接划格子，它有它自己的一套定位方法。今天的目标就是掌握css的定位。首先，介绍两个定义：相对定位和... 阅读全文

posted @ 2006-05-12 13:28 Bobby 阅读(740) 评论(0) 推荐(0)

CSS的十八般技巧

摘要：原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名原文出处：www.456bereastreet.com 最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。本文... 阅读全文

posted @ 2006-05-12 10:56 Bobby 阅读(247) 评论(0) 推荐(0)

CSS+DIV第一天

摘要：CSS基础引用方法：基本语句结构：选择符{属性1：属性值1;属性2：属性值2} 选择符:可以是HTML中任何的标识符，比如TR、TD、P、DIV、IMG甚至BODY都可以作为选择符。选择符中的内容将会以大括号内属性值定义的格式来显示。除了选择符外,css还提供了几种选择器来让html调用css: 群选择器:当几个元素样式属性一样时，可以共同调... 阅读全文

posted @ 2006-05-11 13:53 Bobby 阅读(741) 评论(0) 推荐(0)

CSS+DIV布局学习

摘要：CSS+DIV布局教程 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；样式声明写在一对... 阅读全文

posted @ 2006-05-09 18:09 Bobby 阅读(847) 评论(0) 推荐(0)

Bobby

公告

随笔分类 - CSS+DIV