-
深入学习CSS2.0结构,再谈div、span的困惑 日期:2012-12-29 08:41:28 点击:4 好评:0
使用div进行布局,提出div应当用于组织代码结构,现在我们再深入一点,div拥有语义吗? division(分割),对了,前段时间浏览w3schools时,看到它是这样定义div的:The div tag defines a di...
-
CSS网页布局中HTML标签的语义 日期:2012-12-29 08:41:28 点击:2 好评:0
或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了...
-
如何制作div+css保持xhtml语义结构的表单 日期:2012-12-29 08:41:28 点击:1 好评:0
在form表单中,我们可以对form中的信息进行分组归类,如注册表单的form,我们可以将注册信息分组成 基本信息(一般为必填) 详细信息(一般为可选) 那我们如何更好的来实现呢?我...
-
XHTML+CSS利用浮动与定位进行网页布局 日期:2012-12-29 08:41:28 点击:1 好评:0
最近在做一篇文档,有关xhtml与css的,看了不少资料,这里先把总结的东西写一点出来。先说的是div+css的问题,最基本的,怎样使用它们来布局。 浮动 CSS允许任何元素浮动float,不论是...
-
网页文字在DIV+CSS布局中垂直居中的问题 日期:2012-12-29 08:41:28 点击:1 好评:0
1.单行文字 设置div的高度与文字的行高一样就可以了,即 line-height 和 height 的数值是一样的就可以了,最后给div一个 over-flow: hidden ,让超出的部分隐藏. 这种方法支持块级和内联极元素以及...
-
实例学习CSS网页技术的基本语法 日期:2012-12-29 08:41:28 点击:3 好评:0
1. 基本语法 CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。 基本格式如下: selector {property: value} (选择符 {属性:值}) 选择符是可以是多种...
-
实现用CSS高效率进行网页编码的方法 日期:2012-12-29 08:41:28 点击:1 好评:0
今天我们来看一些介绍:如何才能高效的进行CSS编码? CSS 被吹捧的好处之一就是它能减小页面大小,由此缩短下载时间,不仅仅是首页的载入,还包括样式表被缓存以后,后续页面的...
-
CSS网页布局学习过程中选择什么软件来辅助? 日期:2012-12-29 08:41:28 点击:1 好评:0
CSS网页布局开发应该使用什么软件呢?这是一个非常常见的问题。往往会令新手朋友感觉迷茫,今天就这个问题我们来说一说吧。如果你有什么想法可以参与评论,大家集思广议吧。...
-
关于XHTML头部声明,什么是DOCTYPE? 日期:2012-12-29 08:41:28 点击:0 好评:0
当我们制作页面的时候,总会在它的源码头部看到一串声明,比如最常见的 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 如果我们把这些代...
-
div在网页页面中的高度自适应的实现 日期:2012-12-29 08:41:28 点击:0 好评:0
有时候可能需要div适应页面的高度,但是里面的内容撑不满整个屏幕,这时候我们只需要设置body的高度是100%,这样,你设置div的高度为100%才有参照物。 body{padding: 0;margin: 0;height: 100%;...
-
用CSS和表格代码实现每行交替颜色的效果比较 日期:2012-12-29 08:41:28 点击:1 好评:0
用CSS写出表格每行交替颜色的效果 关于用CSS定义,来表现出表格每行不同的颜色,用来区分每行数据,方便阅读。其中有的是利用IE的BUG,在CSS里面添加动态的内容,IE会解析它,这个先...
-
总结网页制作中闭合浮动元素的几个方法 日期:2012-12-29 08:41:28 点击:3 好评:0
在页面制作过程当中,我们曾经遇到过这样的问题,当浮动元素高度增加,而超出其父容器时,父容器不会随着它的高度增加而变长。比如 div id="main" div id="box1"box1/div div id="box2"box2/div...
-
实例详解网页制作中CSS元素的定位应用 日期:2012-12-29 08:41:28 点击:3 好评:0
1. position:static|无定位 position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example: #div-1 { position:static; } 2. position:relative|相对定位 使用position:relative,就...
-
CSS控制的内容超过容器宽度后显示省略号 日期:2012-12-29 08:41:28 点击:7 好评:0
一般我们看到的比如新闻列表,为了使文字不回行,控制字数,会通过程序让多余的字符显示省略号,我们只使用CSS可以达到同样的效果,虽然不完美。 li { width:50px; white-space:nowrap; te...
-
DIV+CSS实现内容垂直居中的一个例子 日期:2012-12-29 08:41:28 点击:2 好评:0
======================CSS======================= .holder{ width:740px; height:300px; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle; } /*以下样式针对IE*/ .edge{ width:0; height:100%; display:inline-...
-
网页制作时CSS对文字溢出时的自动隐藏处理 日期:2012-12-29 08:41:28 点击:2 好评:0
overflow 属性说明: 版本:CSS2 兼容性:IE4+ NS6+ 继承性:无 语法:overflow : visible | auto | hidden | scroll 相关参数说明如下: visible::不剪切内容也不添加滚动条。假如显式声明此默认值,对象...
-
div+css对网站优化及在seo方面的好处 日期:2012-12-29 08:41:28 点击:3 好评:0
现在采用CSS+DIV建网站的朋友越来越多,我们今天就谈谈如何用div+css对网站优化及在seo方面的好处这个话题: 一、用css+div,就要放弃以前表格排版的一些习惯,包括页面格式的一些习惯...
-
如何用CSS样式控制图片之间的间距 日期:2012-12-29 08:41:28 点击:5 好评:0
...
-
小技巧:网页样式表CSS的书写风格 日期:2012-12-29 08:41:28 点击:1 好评:0
这个格式是我自创的,经常有人问我为什么,这里做个简单总结: 1. 分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开。 2. 分级,每类定义中的每个定义语句,根...
-
小技巧:打印样式的相关知识 日期:2012-12-29 08:41:28 点击:3 好评:0
今天有个朋友问我关于打印样式的问题,当时正是工作时间一时不好回答,只好在工作完成后整理,总结一下打印样式的相关知识。 先来了解一下什么叫打印样式?打印样式也就是说通...