div用法_CSS学习

当前位置：网站建设 > 技术支持

div用法_CSS学习

资料来源：网络整理时间：2023/3/4 1:13:26 共计：3611 浏览

div用法？

首先要认识DIV是什么，div是HTML标签“<div>”。

DIV用法的语法<div>内容</div>div作为html网页中常用的标签，其默认样式是独占一行，其CSS样式需要重新赋予。

比如对div宽度、高度等样式设置、内部字体大小、字体颜色都需要通过CSS来实现。

通俗认识div，div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。DIV的用法实例，这里通过对div设置不同CSS样式，观察其效果。

DIV+CSS实例完整HTML源代码：<!DOCTYPE html><html><head><meta charset="gb2312" /><title>div的用法在线演示www.divcss5.com</title><style>div{ margin-top:10px}/* css注释说明：

对div都设置上间距10px */.divcss5-1{font-size:16px}/*

设置css字体大小16px */.divcss5-2{color:#F00}/*

设置css字体颜色为红色 */.divcss5-3{ background:#000; color:#FFF}/*

设置CSS背景颜色为黑色和字体颜色为白色 */.divcss5-4{ border:1px solid #F00; height:60px}/*

设置css边框和CSS高度60px */</style></head><body><div>普通内容一

</div><div class="divcss5-1">我字体大小为16px</div><div class="divcss5-2">我字体颜色为红色</div><div class="divcss5-3">我背景为黑色字体为白色</div><div class="divcss5-4">布局设置边框和高度</div></body></html>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：通过css怎么设置标题居中_CSS学习 | ·下一条：怎么让表格间距一样大_CSS学习