您的位置：首页 > Web前端 > HTML

html的笔记

2016-05-04 20:51 405 查看

用头元素进行格式化

<html>
<head>
<style = type = "text/css">
h1 {color:red}//设置h1标签的样式
p {color:blue}//设置p标签的格式
</style>
</head>
<h1>我是红色的标题</h1>
<p>我是蓝色的段落</p>
</html>




我使用的谷歌浏览器蓝色出错：|

没有下划线的超链接

<a href="/example/html/lastpage.html" style="text-decoration:none">
这是一个链接！
</a>


外部样式表格式化

<html>

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

<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样！</p>
</body>

</html>


使用样式（三种方式）

1.使用内联样式

当样式仅仅应用于个别元素时，使用内联样式，直接在标签内定义即可

<p style="color: red; margin-left: 20px">//红色，左边空格
This is a paragraph
</p>


2.使用内部样式表

当样式仅在一个文件里使用的时候，可以使用内部样式表

且在头标签里

<html>
<head>
<style>
h1 {color:red}
p {color:red}
</style>
</head>
</html>


3.使用外部链接

多个文件引用时则进行外部引用

使用link标签

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


style定义样式的标签

link引入资源的标签

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


rel属性

规定当前文档与被连接文档的关系

只有stylesheet被所有的浏览器所支持，其他的都未被全部支持

div定义文档中的节或区域，自动换行

span定义行内的小块，不会自动换行

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航