CSS基础教程之盒子模型

盒子模型

我们可以把每一个HTML标记，都看成是一个“盒子”。
这个“盒子”有哪些特征：内容的高度或高度、边框线、内填充、外边距。

“盒子”的总宽度：内容的宽度 + 边框宽度*2 + 左填充*2 + 左外边距*2

如下图所示；

继续学习

||

新建文件

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> *{ color:red; } </style> </head> <body> <h1>习近平心中的互联网</h1> <p>互联网是20世纪最伟大的发明，它正在将人类“一网打尽”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p> </body> </html>

提交重置代码

自动运行

章节

笔记

提问

反馈

HTML+CSS基础入门教程

上一节没有了~

高并发千万级数据库系统解决方案

推荐课程
评论
问答
笔记
课件下载

触不及防就结束了，谢谢了！

6年前添加回复

感觉还不错！比较基础，适合新手！

7年前添加回复

尼古拉阿列克塞耶维奇奥斯特洛夫斯基

看完了，学到不少，赞一个。。。

7年前添加回复

还在更新么？貌似好久没更新了？我看评论都是三个月之前的了！

7年前添加回复

看山看水看代码

看完了，准备自己去写个网页，谢谢老师

7年前添加回复

我是灰太狼

能在详细讲解一下吗，不然真不知道这是啥

7年前添加回复

看透不说透

盒子模型还是很重要的，看完了，学到了很多，现在就自己写一些例子了，这样有助于增长

7年前添加回复

baby不要哭泣

盒子模型一般怎么计算才能准确

7年前添加回复

课件暂不提供下载，工作人员正在整理中，后期请多关注该课程~

看过该课程的同学也在学

php中文网：公益在线php培训，帮助PHP学习者快速成长！增值电信业务经营许可证：苏B2-20210495

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved 湘ICP备2023035733号关于我们免责申明