www.baike369.com
百科369 > 网页制作 > CSS教程

CSS教程

CSS计数器——列表嵌套和作用范围

CSS计数器——列表嵌套和作用范围

1. counter-reset属性可以使计数器复位,重新开始计数。该属性可以定义1个或多个计数器,<标识符>是制作者指定的计数器名称,后面可以跟一个表示每次元素出现时计数器开始的值。例如:count...

CSS使用百分比表格布局算法

CSS使用百分比表格布局算法

百分比表格布局算法是一种特殊的自动表格布局算法,该算法同样没有固定表格布局有效率。实例CSS使用百分比表格布局算法实例。源代码如下:显示效果如下:...

CSS使用自动表格布局算法

CSS使用自动表格布局算法

自动表格布局算法没有固定表格布局有效率。自动表格布局要求客户端每得到一个新的单元格就要重新解析整个表格。这通常要求客户端执行某些计算后要再回头对表格进行第二次计算。自动表格布局不需要设置表格的宽度。H...

CSS使用固定表格布局算法

CSS使用固定表格布局算法

固定表格布局算法是指表格的水平布局不依赖于单元格的内容,而只依赖于表格的宽度、列的宽度以及边框或单元格的间隔等。因此,这种固定表格布局的速度最快!固定表格布局是指表格具有具体的宽度值。实例CSS使用固...

CSS是否显示表格中的空单元格

CSS是否显示表格中的空单元格

CSS通过empty-cells属性可以设置是否显示表格中的空单元格。如果将该属性的属性值设置为hide,则会将空单元格隐藏起来,从而显示出空单元格所在的表格的行的背景色来。实例CSS隐藏表格中的空单...

CSS设置表格的边框样式实例

CSS设置表格的边框样式实例

使用CSS的border-style属性的hidden属性值设置表格的样式,可以制作出一个新奇别致的表格来。实例CSS border-style属性设置表格的边框样式。源代码如下:显示效果如下:...

使用CSS制作一个漂亮的表格

使用CSS制作一个漂亮的表格

使用相关的CSS属性可以制作一个漂亮的表格。实例利用CSS制作一个表格。源代码如下:显示效果如下:...

利用CSS display属性模拟表格

利用CSS display属性模拟表格

使用CSS的display属性的相关属性值,可以使<ul>标签和<li>标签显示出表格的外观。实例利用display属性模拟一个表格。源代码如下:执行结果如下:提示IE 7.0及更早的版本不支持dis...

CSS使用独立元素制作垂直自适应布局的实例

CSS使用独立元素制作垂直自适应布局的实例

独立的块级元素,只要不定义元素的高度,即可解决不同浏览器中垂直自适应布局的问题。实例独立元素垂直自适应的实例。源代码如下:代码运行后,页面的显示效果如下图所示:...

CSS使用绝对定位定义水平自适应布局的实例

CSS使用绝对定位定义水平自适应布局的实例

使用绝对定位可以将元素定位在相对于<body>元素的某个位置上。由于绝对定位的元素会独立于文档流之外,所以只需要定义文档流中的元素相对<body>元素的绝对位置,即可做到水平自适应。注意:由于每个绝对...

CSS使用百分比值定义水平自适应布局的实例

CSS使用百分比值定义水平自适应布局的实例

在页面布局中,由于<body>元素的宽度可以随着浏览器的宽度的改变而改变,所以可以在<body>元素中,使用百分比值的方法,定义内部的元素随着<body>元素宽度的变化而变化。实例使用百分比值定义水平...

CSS使用浮动属性纵向分栏布局的实现方法与实例

CSS使用浮动属性纵向分栏布局的实现方法与实例

在使用浮动属性实现纵向分栏布局的时候,需要为每个浮动元素定义浮动属性值。同时要使用边界属性定义浮动元素与父元素,以及其它的相邻元素之间的距离。实例使用浮动属性实现纵向分栏布局的实例。操作步骤如下:1....

CSS使用绝对定位纵向分栏布局的实现方法与实例

CSS使用绝对定位纵向分栏布局的实现方法与实例

在使用绝对定位实现纵向分栏布局的时候,需要为每个分栏的内容定义相应的边偏移属性,同时要注意元素之间不能够重叠。实例使用绝对定位实现纵向分栏布局的实例。操作步骤如下:1. 制作纵向分栏布局的XHMTL部...

CSS纵向分栏布局的原理

由于在页面中块级元素的默认显示方式为换行显示,所以要实现元素的纵向分栏,就必须使用CSS中相应的属性。通常,完成纵向分栏布局的属性为定位属性和浮动属性。使用绝对定位实现纵向分栏布局的原理使用绝对定位,...

CSS横向分栏布局的实现原理、方法与实例

CSS横向分栏布局的实现原理、方法与实例

在横向分栏布局的网页中,块级元素默认以换行的方式显示,所以在定义横向分栏的时候,一般不需要定义任何定位或布局属性。为了确定横向各个分栏的位置和显示效果,在横向分栏中通常会使用高度属性或者补白属性来定义...

Copyright© 2011-2016 www.baike369.com All Rights Reserved