html零基础学习-三种样式表

最新推荐文章于 2022-08-26 11:43:55 发布

weixin_30633405

最新推荐文章于 2022-08-26 11:43:55 发布

阅读量75

点赞数

原文链接：http://www.cnblogs.com/yyyangel/p/9797053.html

版权

行间样式表：

head中不需要写内容，在body中列出每一个样式，<div style=" "></div> 样式如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

内部样式表：

只针对当前html文件有效 head中需要写样式，div{ } 在body中写<div></div> 样式如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
div{
width:100px;
height:100px;
background-color:aqua
}
</style>
</head>

外部样式表：

1.先新建css写好样式

@charset "utf-8";
/* CSS Document */

div{
width:100px;height:100px;background-color:aqua
}

2.再写html，连接css

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="4.css"/>
</head>

转载于:https://www.cnblogs.com/yyyangel/p/9797053.html

weixin_30633405

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html零基础学习-三种样式表

行间样式表：head中不需要写内容，在body中列出每一个样式，<div style=" "></div> 样式如下：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><...
复制链接

扫一扫