CSS笔记

旧时模样 提交于 2019-11-29 05:09:15

W3C英文网站:https://www.w3.org/
W3Shcool中文网站:http://www.w3school.com.cn

概述
CSS指层叠样式表(Cascading Style Sheets),用来指导HTML元素的显示,实现了内容与表现分离,极大提高了工作效率。
通常采用外部样式表导入的方式实现内容与表现分离。
HTML引入CSS的4种方式:(优先级1-4, 1优先级最高)
1--内联样式(在HTML元素内)

<p style="color: sienna; margin-left: 20px">
    This is a paragraph
</p>

2--内部样式表(位于

标签内)
<head>
    <style type="text/css">
        hr {color: sienna;}
        p {margin-left: 20px;}
        body {background-image: url("images/back40.gif");}
    </style>
</head>

type可以不写!

3--外部样式表在header引入

<head>
            <link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

4--浏览器默认样式

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!