WJMonitor舆情之声

企业大数据智能舆情监测管理解决方案

全网监测海量数据按需发布监测预警

实时把握舆情动态精准追溯信息源头

获取验证码

企业采购 个人使用

CSS基础教程 CSS中的HTML样式如何使用

时间:2018-06-27 10:06:31

在CSS界面中有许多功能，而且这些功能对于我们的网页设计都有着非常大的好处，不过在CSS基础教程的过程当中HTML样式这是最基础的一个技术过程，也是每一位初学者所要掌握的知识内容。

CSS基础教程——CSS中的HTML样式如何使用

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：

外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

内部样式表当单个文件需要特别样式时，就可以使用内部样式表。你可以在HEAD部分通过<STYLE>标签定义内部样式表。

<HEAD><STYLETYPE=”TEXT/CSS”>BODY{BACKGROUND-COLOR:RED}P{MARGIN-LEFT:20PX}</STYLE></HEAD>

内联样式当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何CSS属性。以下实例显示出如何改变段落的颜色和左外边距。

<PSTYLE=”COLOR:RED;MARGIN-LEFT:20PX”>THISISAPARAGRAPH</P>

标签

描述

<STYLE>定义样式定义。

<LINK>定义资源引用。

<DIV>定义文档中的节或区域（块级）。

<SPAN>定义文档中的行内的小块或区域。

<FONT>规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。

<BASEFONT>定义基准字体。不赞成使用。请使用样式。

<CENTER>对文本进行水平居中。不赞成使用。请使用样式。

CSS样式如何设置HTML图片背景

我们在THML,创建一个DIV.并将这个DIV的背景设置为图片，当然，如果您需要将图片作为整个页面的背景，以下步骤也同样适用与您。

在上图中，有几个DIV，我们以ID为D1的DIV为例。

创建了DIV后，我们需要为DIV添加样式。添加样式我们全部写在CSS文件中，并在HTML页面中引用。

具体的样式入下图所示：

我们首先使用了一张为REGIST.PNG的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。

如果我们的背景小于我们的页面，而页面没有固定宽度的话，那么图片背景就会产生平铺，我们需要设置不让其自动平铺。

利用可以对您的图片进行等比例扩大，当然也可以拉伸，拉伸会失真，这不是明智的做法。不过等比例获得您也会失去一部分图片。具体效果您可以试一试看。

裁剪溢出部分。

如果您的DIV已经有了需要占满全屏，您的DIV的宽度可以设置为100%,这样您的DIV会随您的页面改变其尺寸，但对于我们具体的业务DIV的宽度与高度根据您的需要进行设置即可。

如果您的DIV需要居中，您可以设置MARGRIN:0AUTO即可。

以上就是CSS基础教程的所有内容，我要掌握CSS，那么就一定要从这些基础教程开始，在每天要花费一定的时间来联系，各位初学者，从现在开始计划吧，如果你还想了解更多与之相关的内容，欢迎关注我们文军营销的官网。