CSS基础学习1-HTML应用CSS的三种方法

来源：互联网发布：电子目录制作软件编辑：程序博客网时间：2024/06/08 13:44

所有CSS基础学习文档下载地址：http://download.csdn.net/detail/rongrong_love_lc/9663463

一、HTML应用CSS的三种方法：(CSS模型:selector {property : value;})1.行内样式表（style属性）    <html>    <head>    <title>列子1</title>    </head>         <body style="background-color: #FF0000;">    <p>这个页面是红色的</p>    </body>     </html>2.内部样式表（style元素）    <html>    <head>        <title>列子2</title>    <style type="text/css">        body {background-color: #00FF00}    </style>    </head>    <body>        <p>这个页面是黄色的</p>    <body/></html>3.外部样式表（引用一个样式表文件）    推荐使用此方法:<link />标签要放到<head>标签下,href值为css文件路径(放在同一目录下可以直接写文件名)1）HTML文件--aa.html    <html>        <head>        <title>列子3</title>        <link rel="stylesheet" type="text/css" href="style.css" />    </head>    <body>        <hl> 第一个样式表</hl>    </body>    </html>    2）CSS文件--style.css    body {background-color: #0000FF;}

1 0