HTML样式 背景

可紊 提交于 2020-04-01 07:22:32

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

1.外部样式表

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

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

内部样式表

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

<head>

<style type="text/css">

body {background-color:red}

p {margin-left:20px}

</style>

</head>

内联样式

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

<p style="color:red;margin-eft:20px">

This is a paragraph</p>

 

<body>拥有两个配置背景的标签,背景可以使颜色或是图像

背景颜色(bgcolor):背景颜色属性将背景设置为某种颜色,属性值可以是16进制数、RGB或颜色名。

<body bgcolor="1.jpg">

<body bgcolor="rgb(0,0,0)">

<body bgcolor="black">

背景background:将背景设置为图像,属性只为图像的URL,如果图像尺寸小于浏览器窗口,那么图像在整个浏览器窗口进行复制

<body background="1.jpg">

<body background="http://pic14.nipic.com/20110522/7411759_164157418126_2.jpg">

提示:如果你打算使用背景图片,需要注意以下几点

  • 背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过10k
  • 背景图像是否与页面中的其他图像搭配良好
  • 背景图像是否与页面中的文字颜色搭配良好

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!