谁给仔细介绍下网页代码中的style 的具体用法?多谢了...
1个回答
展开全部
你可以看一看关于css的内容的,下面是关于样式的用法
Css的3中使用方式:
方法1:行内样式表(style属性)
为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上,通过行内样式表将页面背景设为红色:
<html>
<head>
<title>例子</title>
</head>
<body style="background-color: #FF0000;">
<p>这个页面是红色的</p>
</body>
</html>
方法2:内部样式表(style元素)
为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样:
html>
<head>
<title>例子</title>
<style type="text/css">
body {background-color: #FF0000;}
</style>
</head>
<body>
<p>这个页面是红色的</p>
</body>
</html>
方法3:外部样式表(引用一个样式表文件),推荐此方法
外部样式表就是一个扩展名为css的文本文件。跟其他文件一样,你可以把样式表文件放在Web服务器上或者本地硬盘 上。例如,样式表文件名为style.css,它通常被存放于名为style的目录中。style.css文件内容如下:
body {
background-color: #FF0000;
}
如何在一个HTML文档里引用一个外部样式表文件(style.css)
<html>
<head>
<title>我的文档</title>
<link rel="stylesheet" type="text/css" href=“style/style.css" />
</head>
<body>
<h1>我的第一个样式表</h1>
</body>
</html>
Css的3中使用方式:
方法1:行内样式表(style属性)
为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上,通过行内样式表将页面背景设为红色:
<html>
<head>
<title>例子</title>
</head>
<body style="background-color: #FF0000;">
<p>这个页面是红色的</p>
</body>
</html>
方法2:内部样式表(style元素)
为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样:
html>
<head>
<title>例子</title>
<style type="text/css">
body {background-color: #FF0000;}
</style>
</head>
<body>
<p>这个页面是红色的</p>
</body>
</html>
方法3:外部样式表(引用一个样式表文件),推荐此方法
外部样式表就是一个扩展名为css的文本文件。跟其他文件一样,你可以把样式表文件放在Web服务器上或者本地硬盘 上。例如,样式表文件名为style.css,它通常被存放于名为style的目录中。style.css文件内容如下:
body {
background-color: #FF0000;
}
如何在一个HTML文档里引用一个外部样式表文件(style.css)
<html>
<head>
<title>我的文档</title>
<link rel="stylesheet" type="text/css" href=“style/style.css" />
</head>
<body>
<h1>我的第一个样式表</h1>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询