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

来源:互联网 发布:人力资源现状分析知乎 编辑:程序博客网 时间:2024/05/22 08:10

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

第一种使用外部样式

<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属性。

0 0
原创粉丝点击