css内外部定义以及盒子模型

最新推荐文章于 2023-03-02 20:09:45 发布

is小星

最新推荐文章于 2023-03-02 20:09:45 发布

阅读量185

点赞数

文章标签： css

本文链接：https://blog.csdn.net/m0_51497667/article/details/111370686

版权

css内部定义：

 <style>
11             p{
12                 width:100px;
13                 height:50px;
14                 background:pink;
15             }
16             div{
17                 width:200px;
18                 height:50px;
19                 background:blue;
20             }
21           </style>

css外部定义：

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

注： link标签不可放到style标签中

CSS盒子模型
盒子模型在这里插入图片描换行述

CSS 中，width 和 height 指的是内容区域的宽度和高度。
总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距。
设置四个属性则为：上、右、下、左；
设置三个属性则为：上、左右、下；
设置两个属性则为：上下、左右；
设置一个属性则为：上下左右；
如：padding: 5px;（上下左右皆为5px）