css 如何嵌入 HTML 中

其中用css代码表示网页的背景图片... 其中用css 代码表示网页的背景图片 展开
 我来答
割头红小鬼
2011-05-29 · TA获得超过632个赞
知道小有建树答主
回答量:250
采纳率:0%
帮助的人:286万
展开全部
有三种方法:
1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如:

<html>

<head>

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果,可将CSS做成单独文件。

文件CSSSTYLE.CSS

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

然后在HTML引用它:

<html>

<head>

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

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误,要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。如:

<p style="color:#ccc">THIS TEXT IS GREY</p>

<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>

综上所述,CSS应用与HTML中共有三种基本方法。在CSS学习之初,大家就必须明确这三种方法,并且形成良好的编程习惯。笔者建议大家使用外部调用的方法来引用CSS文件,这样不仅可以提高代码的可读性和可维护性,还更利于搜索引擎的收录和引用。

上述的 3 种 CSS,可以同时并用,也可以择您所好,单一或成双地利用。若是各 CSS 间的论述相冲突,则内在界说的 CSS 会盖过外在连结的 CSS ,字里行间的 CSS 会盖过 内在界说的 CSS 。
wuweiweida
2011-05-28 · 超过28用户采纳过TA的回答
知道答主
回答量:386
采纳率:0%
帮助的人:132万
展开全部
很好的教程
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
菜鸟笔记fIpOr
2011-05-29 · TA获得超过150个赞
知道小有建树答主
回答量:265
采纳率:0%
帮助的人:180万
展开全部
用css的background属性
例如:
body
{
background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式