您的位置：首页 > Web前端 > CSS

css与html的结合方式

2015-10-10 10:58 513 查看

代码示例如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel = "stylesheet" type = "text/css" href = "a.css"></link>   <!--外部样式表需要用到link标签-->
<title>Document</title>
<style type="text/css">
/*
CSS和HTML的结合方式:
1. 行级样式表: 采用style属性完成
2. 内部样式表: 采用style标签完成
3. 外部样式表: 采用外部css文件完成
*/
p{
font-weight:bold;
font-style:italic;
}
</style>
</head>
<body>
<p>你好</p>
<p>你好</p>
<p>你好</p>
<p style = "color:red">你好</p>   <!--这是行级样式表-->
</body>
</html>

运行结果如下：

注：a.css文件和这个html文件在同一个文件中，其内容如下：

p{
border:1px solid red ;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航