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

html/css学习零星笔记(一)——如何使用样式

2015-10-28 10:22 761 查看
当浏览器读到一个样式表,它就会按照这个样式表对文档进行格式化,有三种插入样式表的方法,分别对应着三种情况。

第一种使用外部样式

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


当样式需要被应用到很多页面时,外部样式是很好的选择。

第二种使用内部样式

<head>
<style type="text/css">
body{background-color:red}
p{margin-left:20px}
</style>
</head>


当单个文件需要特别的样式时,就可以使用内部样式表。在<head>标签内定义样式。

第三种使用内联样式

<p style="color:red; margin-left:20px">
This is a paragraph.
</p>
当这是个别元素需要特殊的样式时,就可以使用内联样式,在相关的标签中使用样式属性,样式属性包含任何css属性。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: