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

豪莲

于 2016-10-18 11:40:29 发布

阅读量275

点赞数 1

分类专栏： CSS

本文链接：https://blog.csdn.net/rongrong_love_lc/article/details/52847523

版权

CSS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

所有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

收藏

觉得还不错? 一键收藏
0
评论
CSS基础学习1-HTML应用CSS的三种方法

一、HTML应用CSS的三种方法：(CSS模型:selector {property : value;}) 1.行内样式表（style属性）列子1 这个页面是红色的 2.内部样式表（style元素） <html> <h
复制链接

扫一扫