`

用CSS替换传统方法

阅读更多
下面的列表将帮助你用CSS替换传统方法:
HTML属性以及相对应的CSS方法
HTML属性  CSS方法  说明
align="left"
align="right"  float: left;
float: right;  使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等

当你使用float属性,必须给这个浮动元素定义一个宽度。

marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin: 0;  使用CSS, margin可以设置在任何元素上, 不仅仅是body元素.更重要的,你可以分别指定元素的top, right, bottom和left的margin值。

vlink="#333399" alink="#000000" link="#3333FF" a:link #3ff;
a:visited: #339;
a:hover: #999;
a:active: #00f;
在HTML中,链接的颜色作为body的一个属性值定义。整个页面的链接风格都一样。使用CSS的选择器,页面不同部分的链接样式可以不一样。

bgcolor="#FFFFFF" background-color: #fff;  在CSS中,任何元素都可以定义背景颜色,不仅仅局限于body和table元素。

bordercolor="#FFFFFF" border-color: #fff; 任何元素都可以设置边框(boeder),你可以分别定义top, right, bottom和left

border="3"
cellspacing="3"  border-width: 3px;  用CSS,你可以定义table的边框为统一样式,也可以分别定义top, right, bottom and left边框的颜色、尺寸和样式。

你可以使用 table, td or th 这些选择器.

如果你需要设置无边框效果,可以使用CSS定义: border-collapse: collapse;

<br clear="left">
<br clear="right">
<br clear="all">
clear: left;
clear: right;
clear: both;
许多2列或者3列布局都使用 float属性来定位。如果你在浮动层中定义了背景颜色或者背景图片,你可以使用clear属性.

cellpadding="3"
vspace="3"
hspace="3"  padding: 3px;  用CSS,任何元素都可以设定padding属性,同样,padding可以分别设置top, right, bottom and left。padding是透明的。

align="center" text-align: center;

margin-right: auto; margin-left: auto;
Text-align 只适用于文本.

象div,p这样的块级怨毒可以通过margin-right: auto; 和margin-left: auto;来水平居中

分享到:
评论

相关推荐

    CSS 新的图像替换方法

    CSS图像替换技术是网页开发中一种常见的技术,它允许开发者用背景图片替换文本内容,主要用于一些设计元素和功能区块中,如导航栏、按钮、图标的呈现等。其核心优势在于提高页面的美观度,同时减少页面元素的复杂性...

    以div代替frameset,用css实现仿框架布局

    本文将详细介绍如何用`div`和CSS实现仿框架布局。 首先,我们需要理解`div`元素。`div`是HTML中的一个块级元素,它主要用于组合其他HTML元素,提供了一种对网页内容进行布局和分组的方式。通过设置`div`的样式,...

    25个高级CSS技巧教程

    7. **使用CSS实现的图标文本链接**:结合CSS的伪元素和图像替换技术,可以将文本链接转换为图标链接,既美观又节省空间。 8. **CSS卷曲引用特效**:使用CSS生成内容功能,可以在文本前后自动添加卷曲引号,增强排版...

    IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)

    一种可行的方法是使用JavaScript库,如Modernizr,检测浏览器是否支持`text-shadow`,如果不支持,可以用JavaScript模拟效果。另一种方法是使用图片或者CSS3渐变来创建类似的效果,但这通常更复杂,且不适用于动态...

    图标转换成CSS文件

    传统的图标使用方法通常是通过图片文件(如PNG、SVG等格式)进行展示,但这种方式存在一定的局限性,例如加载速度慢、不易于自定义样式等问题。为了解决这些问题,“图标转换成CSS文件”的技术应运而生。 #### 一、...

    文本替换专家,可替换记事本,替换网页文件等

    文本替换专家是一款高效实用的工具,专为处理批量文本替换任务而设计,它可以替代传统的记事本功能,尤其在处理大量文件或特定类型的文件(如网页文件)时,展现出其强大的优势。这款软件的主要功能集中在对文本内容...

    css/js文件模块化组件

    "css/js文件模块化组件"的概念旨在解决传统开发模式中的问题,如文件冗余、依赖混乱以及HTTP请求过多等。通过将代码拆分为可重用的模块,开发者可以更高效地组织和管理他们的项目。 首先,我们来看CSS模块化。CSS...

    精通CSS

    ### 精通CSS:背景图像与图像替换的深度解析 #### 一、背景图像的妙用 在探讨CSS的奥秘时,我们不可避免地会遇到背景图像这一强大的设计工具。背景图像不仅能够提升网页的视觉吸引力,还能帮助设计师实现各种创意...

    PostCSS插件和微小的JS脚本128字节实现在CSSbackground中使用WebP

    5. 如果浏览器支持WebP,用JavaScript动态修改CSS,将背景图片URL替换为WebP格式。 6. 如果不支持,保持原始格式不变,以确保兼容性。 这个过程可以确保只在支持WebP的浏览器上使用WebP图片,避免在不支持的浏览器...

    灰色复古CSS网页模板

    使用DIV+CSS的方式,可以实现更精确的布局控制和更高的浏览器兼容性。 这个模板很可能包含一系列的HTML文件和CSS文件,以及可能的图像和其他资源文件。例如,"chahua2351"可能是一个HTML文件名,代表网页的主入口,...

    一个新的CSS图片替换的技巧(背景显示与文本移离屏)告别9999px

    与传统方法相比,新技巧的核心在于对`text-indent`、`white-space`以及`overflow`三个CSS属性的巧妙组合与应用。 新方法中,`text-indent: 100%`的作用是将文本缩进至其容器的100%宽度,也就是说文本会超出容器边界...

    html5+css3.0

    虽然这些元素的默认样式很难直接修改,但通过`label`元素和CSS的组合,我们可以巧妙地隐藏原始元素,用自定义图形替换。例如,我们可以创建一个背景图片,然后利用`:checked`伪类改变状态,同时通过`pointer-events`...

    CSS图像替换技术的几种方案介绍

    CSS图像替换技术是一种在网页设计中使用CSS样式来模拟图像效果,同时保持文本内容可读性和搜索引擎友好的方法。在传统的HTML布局中,直接使用`&lt;img&gt;`标签或设置背景图像可以达到视觉上的效果,但这种方法对搜索引擎...

    基于CSS模式的软件设计方案

    然而,这里的"CSS模式"并不是指传统的样式表语言,而是借鉴了CSS的概念,将其应用于软件设计中的一种新型模式。 **CSS模式的工作原理** CSS模式在软件设计中的应用,主要是通过将设计元素分解为独立、可重用的部分...

    万圣节CSS网页模板

    万圣节CSS网页模板的使用方法: 1. 下载与解压:获取到模板后,首先需要将其解压缩,通常会包含HTML文件、CSS文件、图片和其他资源文件。 2. 自定义编辑:根据需求,可以使用文本编辑器(如Sublime Text或Visual ...

    个人电子名片css模板

    使用者需将这些文件部署到服务器或者本地环境中,根据自己的需求进行内容替换和个性化定制。 总的来说,"个人电子名片css模板"是一个方便快捷的工具,它允许用户无需深入理解网页设计的复杂性,也能创建出具有专业...

    前端开源库-typed-css-modules-loader

    在传统的CSS模块化开发中,CSS类名通常在JavaScript中被引用,但这种引用方式缺乏类型检查,可能导致在编译时或运行时出现错误。`typed-css-modules-loader` 解决了这个问题,通过与TypeScript的集成,它为CSS模块...

    DIV+CSS布局大全

    - 通常使用CSS的`background-image`属性来替换传统的`&lt;img&gt;`标签插入图片的方法。 #### 五、CSS布局实例 - **确定布局结构** - 根据网页的设计需求,使用`&lt;div&gt;`元素创建必要的区块。 - **body样式定义** - ...

Global site tag (gtag.js) - Google Analytics