- 合理应用 正确理解CSS的float浮动属性
- 首先我们了解到,CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术,在HTML中的所有对象,默认分为两种:块元素(block element)、内联元素(inline element),虽然也存在着可变元素,但只是随上下文关...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 用CSS如何控制网页中图片自适应大小?
- 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- DIV CSS网页技巧:网页布局中border断线现象
- 如果容器内有两个浮动,并用CLEAR清除浮动。在ie下拖动滚动条时最外层的border会消失,如果给最外层加上宽度或者高度就不会出现。这是一个奇怪的现象,目前还不能解释是什么原因所导致的。看下面的示例: div style="margin:500px 100px 10px 100px;padding:50px;borde...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- DIV CSS网页布局技巧:background-color奇怪问题
- background-color奇怪的进入相临元素 这是一个非常奇怪的现象。目前还不清楚它形成的具体原因是什么,background-color会奇怪的进入相临元素中。看下面的代码: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-tr...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 学习网页技术CSS高级教程之CSS 伪元素
- CSS 伪元素被用来将特殊的效果添加到某些选择器。 CSS 伪元素 (Pseudo-elements)实例: 制作首字母特效 本例演示如何向文本的首字母添加特效。 html head style type="text/css" p:first-letter { color: #ff0000; font-size:xx-large } /style /head body p You can u...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 简单学习CSS的优势、规则、形式和应用范围
- Cascading Style Sheets(简称CSS),翻译为“层叠样式单”或“级联样式单”,又简称“样式表”。 CSS的引入是用来扩展HTML的,而不是用来替代HTML的。也就是说CSS离不开HTML,它只是一项辅助工具,是对HTML功能的一种补充。 CSS的优势 在CSS标准里,不仅重新定义了HTML...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 页脚始终保持在页面底部的网页布局方法
- 有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- CSS高级教程之CSS的定位属性和实例
- CSS定位属性允许你对元素进行定位。 CSS 定位 (Positioning)实例: 定位:相对定位 本例演示如何相对于其正常位置来定位元素。 html head style type="text/css" h2.pos_left { position:relative; left:-20px } h2.pos_right { position:relative; left:20px } /style...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 初学:CSS代码编写的两则小技巧
- 在一行内声明CSS 我们来对比下面两段代码: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化,但是不会在阅读上有任何帮...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- CSS实例:三列自由式布局 770-1024自适应宽度
- 这个例子是最典型实用的上中下,并且中间分三列的css布局,有以下2个特点: 1. 中间三列效果,可以任意实现单列背景色。 2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。 最外层的wrapper把所有内容都嵌套在里边,...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- CSS背景图片background-image须注意路径问题
- 在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用。应用CSS网页布局,实现内容与表现、行为相分离,作为页面框架、装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义。 我们通常用link的方法...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 网页标准学习:利用CSS同比例缩小图片技巧
- 当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 小技巧:用CSS如何实现单行图片与文字垂直居中
- 今天又在群中看到一些朋友问单行图片文字垂直居中问题了,于是写了这篇文章. 这个问题是在做页面中经常会遇到的问题,首行我们先看一下最基础的的吧! 以下选自(CSS权威指南) vertical-align 初始值: baseline(缺省值) 可否继承:否 适用于: 内联元素 说明:ver...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 简单学习网页制作技术之CSS高级语法知识
- 选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h3,h4,h5,h6 {color: green} 继承及其问题 根据CSS,子元素从父...
- 作者:west263.com发表于:2008-02-23 查阅全文...
- 网页学习基础知识之认识了解CSS样式表
- 需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML 如果你希望首先学习这些项目,请在本站访问相关教程。 CSS 概述 CSS指层叠样式表(Cascading Style Sheets),层叠的意思是:多重样式定义被层叠为一。 CSS是标准的布局语言,用来控...
- 作者:west263.com发表于:2008-02-23 查阅全文...
随机推荐
热门关注
- 使用CSS处理表格边框样式化
- 如何使文本在DIV CSS布局中
- Javascript CSS横向三级导
- 站长推荐:53个CSS-不可或缺
- 自定义网页超链接下划线的CS
- CSS技巧总结 段正淳的css笔
- MAC风格的水平导航条(DIV CS
- 代码实例:纯CSS代码实现翻
- 网页:完美兼容IE6/IE7/FF的
- 一行CSS代码就可以把IE6彻底
- 改变思维 扔掉Table使用XHTM
- 给文字加上阴影效果的方法
- 学习CSS:优化我们的CSS样式
- DIV CSS网页布局实例:十步
- 你是哪个等级的CSS开发人员
- CSS:清除浮动的最优方法
- CSS的滤镜效果(1)
- 常用CSS样式
- 用DIV CSS网页布局之Google
- 网页制作实例CSS用一张图片






