HTML5样式

最新推荐文章于 2021-06-21 18:04:43 发布

Mr陈哈哈

最新推荐文章于 2021-06-21 18:04:43 发布

阅读量154

点赞数

分类专栏： HTML语言系列

本文链接：https://blog.csdn.net/Mrchuncui/article/details/105026982

版权

HTML语言系列专栏收录该内容

5 篇文章 0 订阅

订阅专栏

环境Windows 工具vscode

标签
- <style>:样式定义
- <link>:资源应用，比如可以应用css
属性
- rel = “”：link标签的一个可选项，规定当前文件和被链接的url(使用href=""指定)之间的关系
- type = “”:引入文档的类型
- margin-left/right：控制边距

样式表插入方法

外部样式表：
<link rel = "stylesheet" type = "text/css" href = "xxx.css">

内部样式表：

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

内联样式表：
<p style="color:blue">

<!DOCTYPE html>
<html lang="en">
    <head>        
    	<title>样式</title>
    	<meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">        	  	    
        <style type="text/css">
        p{color: aqua;}        
        </style>
    </head>    
    <body>        
        <h1>h1</h1>        
        <p>hello world</p>        
        <a href="https://blog.csdn.net/Mrchuncui" style="color: coral;">我的博客</a>    
        </body>
</html>

Mr陈哈哈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5样式

环境Windows 工具vscode标签<style>:样式定义<link>:资源应用，比如可以应用css属性rel = “”：link标签的一个可选项，规定当前文件和被链接的url(使用href=""指定)之间的关系type = “”:引入文档的类型margin-left/right：控制边距样式表插入方法外部样式表：<li...
复制链接

扫一扫

专栏目录