html的笔记

最新推荐文章于 2024-01-18 19:00:14 发布

nber1994

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量414

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html 标签浏览器

本文链接：https://blog.youkuaiyun.com/nber1994/article/details/51318023

html 专栏收录该内容

11 篇文章

订阅专栏

用头元素进行格式化

<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被所有的浏览器所支持，其他的都未被全部支持