当前位置:首页 > Web开发 > 正文

css三种样式

2024-03-31 Web开发

标签:

一。行内样式
(很少使用)

<h1>静夜思</h1> <p>床前明月光,</p> <p>疑是地上霜。</p> <p>举头望明月,</p> <p>垂头思故乡。</p>

二。内嵌样式
(常用于中小型网页)

<head> <meta charset="utf-8"> <title> </title> <style type="text/css"> h1{color: red;} #aa{color: #0000FF;} .bb{color: #00FF00;} </style> </head> <body> <h1>静夜思</h1> <p>床前明月光,</p> <p>疑是地上霜。</p> <p>举头望明月,</p> <p>垂头思故乡。</p> </body>

三。外部链接
(常用于大型网页)
新建.css文件,在css文件中不需要写<style>
连接方法1<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/".css"/>
连接方法2<style type="text/css">@import url("
.css");</style>

样式表中:

.red{color: red;} #green{color: green;}

连接方法1

<head> <meta charset="utf-8"> <title></title> <link type="text/css" href="http://www.mamicode.com/css/样式表.css"/> </head> <body> <h1>静夜思</h1> <p>床前明月光,</p> <p>疑是地上霜。</p> <p>举头望明月,</p> <p>垂头思故乡。</p> </body>

连接方法2

<head> <meta charset="utf-8"> <title></title> <style type="text/css"> @import url("样式表.css"); </style> </head> <body> <h1>静夜思</h1> <p>床前明月光,</p> <p>疑是地上霜。</p> <p>举头望明月,</p> <p>垂头思故乡。</p> </body>

css三种样式

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32803.html