如何将样式表加入您的网页,html如何引用调用css

  • 文章来源:LG工作室
  • 发布时间:2017-04-25 16:01:18
  • 责任编辑:lg2lg5
导读:如何将样式表加入您的网页?html如何引用调用css样式?LG工作室下面介绍常见的三种方式:链入外部样式表文件、定义内部样式块对象、内联定义。

如何将样式表加入您的网页?html如何引用调用css样式?LG工作室下面介绍常见的三种方式。

方法一: 链入外部样式表文件

你可以先建立外部样式表文件(.css),然后使用HTML的link对象,示例如下:

<link rel="stylesheet" href="http://www.myttc.cn/css/main.css" type="text/css">

方法二: 定义内部样式块对象

你可以在你的HTML文档的<html>和<body>标记之间插入一个<style type="text/css">...</style>块对象,示例如下:

<style type="text/css">
body {
    margin: 0em;
    padding: 0em;
    font-family: "宋体";
    font-size: 12px;
}
</style>

注:这里将style对象type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。

方法三: 内联定义

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:

<div style="font-size:20px;">这一行字体为20px<div>

建站套餐
联系我们
客户案例