div——02

最新推荐文章于 2022-09-06 22:54:24 发布
最新推荐文章于 2022-09-06 22:54:24 发布
阅读量496 收藏
点赞数
分类专栏： DIV 文章标签： 纵向
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li_xiang_kun/article/details/8737728
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV-01</title>
<style type="text/css">
*{
 margin:0;
 padding:0;}

.main{
 margin:0 auto;
 width:805px;
 height:805px;
 background-color:#C93;
 padding:5px;
 }
.nav{
 
 width:800px;
 height:80px;
 background-color:#0CC;
 
 
 }
.firstcol{
 
 width:800px;
 height:150px;
 background-color:#930;
 }
.secondcol{
 
 width:800px;
 height:340px;
 background-color:#363;
 }
.thirdcol{
 
 width:800px;
 height:146px;
 background-color:#036;
 
 }
.footer{
 
 width:800px;
 height:80px;
 background-color:#C30;
 } 
.firstcol1{
 width:250px;
 height:140px;
 background-color:#F96;
 float:left;
 margin:2px;}
.firstcol2{
 width:250px;
 height:140px;
 background-color:#990;
 float:left;
 margin:2px;
 } 
.firstcol3{
 width:250px;
 height:140px;
 background-color:#9F6;
 margin:2px;
 float:left;}
.secondcol1{
 
 width:380px;
 height:320px;
 background-color:#033;
 float:left;
 margin:10px;}
.secondcol2{
 
 width:380px;
 height:320px;
 background-color:#03F;
 float:left;
 margin:10px;}
.thirdcol1{
 width:130px;
 height:130px;
 background-color:#0F9;
 margin:4px;
 float:left;}
.thirdcol2{
 width:130px;
 height:130px;
 background-color:#0F9;
 float:left;
 margin:2px;}
.thirdcol3{
 width:130px;
 height:130px;
 background-color:#0F9;
 margin:2px;
 float:left;}
.thirdcol4{
 width:130px;
 height:130px;
 background-color:#0F9;
 margin:4px;
 float:left;}
.thirdcol5{
 width:130px;
 height:130px;
 background-color:#0F9;
 margin:4px;
 float:left;}
.thirdcol6{
 width:110px;
 height:130px;
 background-color:#0F9;
 margin:4px;
 float:right;}     
.footer{
 clear:both;} 
</style>

</head>

<body bgcolor="#999999">
 <div class="main">
     <div class="nav"></div>
     <div class="firstcol">
       <div class="firstcol1"></div>
       <div class="firstcol2"></div>
       <div class="firstcol3"></div>
     </div>
     <div class="secondcol">
        <div class="secondcol1"></div>
        <div class="secondcol2"></div>
     </div>
     <div class="thirdcol">
        <div class="thirdcol1"></div>
        <div class="thirdcol2"></div>
        <div class="thirdcol3"></div>
        <div class="thirdcol4"></div>
        <div class="thirdcol5"></div>
        <div class="thirdcol6"></div>
     </div>
     <div class="footer">
      
     </div>
 </div>

</body>
</html>

happygod
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css——div
01-14
开发移动开发资源描述可以把电子书的概述、源代码的说明、文档的片段填在这里
汇编语言——DIV指令
m0_51612678的博客
10-09 4570
div指令隐含目的操作数（被除数），一般默认AX（16位）或 DX和AX（32位）中，需要提前将被除数放入目的操作数寄存器中。例如：100÷10 则100为被除数 ，10为除数。格式： div 源操作数。首先要分清除数和被除数。div指令是除法指令。
CSS样式——div居中方法
热门推荐
诗琪芮的博客
10-21 15万+
1、绝对居中 给div设置样式，div默认显示位置为body的左上方。 width: 400px; height: 300px; background-color: orange; 如下图所示： 首先给div添加绝对定位，并设置上下左右边距为0，然后使用margin: auto;自动居中。 position: absolute; top: 0; bottom:
CSS中父div与子div——子div有内容，父div高度却为0？
梦空间
01-10 2万+
我们可能在审查网页元素时，会发现这样的一种情况： 案例 HTMLAndCSS.html HTML与CSS简单页面效果实例 --> 从上面的代码来看，包含一个父div和两个子div。而子div又有高度，但是审查元素时，却发现该父div却没有高度（所以此时父div的背景色#c
二、WEB安全 02——DIV、CSS基础
qwsn
07-06 1741
二、WEB安全 02——DIV、CSS基础 1、DIV CSS基础 01——样式表类型、样式选择器 （1）DIV和CSS样式 ​ 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 ​ CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的
div布局——简单视频播放的页面
weixin_48796690的博客
09-06 2677
div简单布局—视频播放的页面
CSS/DIV实例——初学者
06-28
CSS/DIV实例——初学者，很简单的一看就懂。
select ——使用DIV 实现 Select
03-31
select ——使用DIV 实现 Select js源码
DIV+CSS教程——第一天XHTML_CSS基础知识
08-13
DIV+CSS教程——第一天XHTML_CSS基础知识
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
12-02
以前用原生的JS做过类似拖拽div的效果，现在按原思路改做成一个JQ的小插件，当作制作JQ插件的一个小练习。 html为 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
node-v4.2.2-headers.tar.xz
05-21
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
独栋别墅图纸D020-两层-10.00&11.00米- 施工图.dwg
05-21
独栋别墅图纸D020-两层-10.00&11.00米- 施工图.dwg
ndnav主题1.1-haiyong.zip
05-21
内容概要： "ndnav主题1.1-haiyong.zip"是一个针对特定导航需求设计的主题包，提供了一套优化的界面元素和布局，旨在增强用户体验和导航效率。这个主题可能包含了图标、色彩方案、字体样式等视觉元素的自定义，以及可能的操作流程优化，确保用户能够快速找到所需信息。 适用人群： 此主题适合需要高效导航解决方案的用户群体，比如专业领域的工作者、研究人员或是对特定领域有深入了解并追求高效率的信息检索者。它也可能适合那些喜欢定制化界面并希望根据个人喜好或工作需求调整导航工具外观和功能的用户。 使用场景及目标： 该主题可用于多种场合，如图书馆、研究机构、学术会议、企业内部信息系统等，任何需要快速而准确导航大量信息资源的环境都会受益。其目标是减少用户在查找和访问信息时的认知负担，通过直观的设计和布局简化用户路径，从而提高工作效率和满意度。 其他说明： 由于没有具体的文件内容，无法提供更详细的功能描述。不过，一般来说，此类主题包的安装和使用可能需要一定的技术知识，用户在安装前应确保理解如何应用主题，并遵循相关的安装指南。同时，用户也应该注意检查主题包的兼容性，确保它能够与现有的导航系统无缝协作。
grpcio-1.12.0-cp35-cp35m-manylinux1_i686.whl
最新发布
05-21
Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
xmlpull-1.1.3.1.jar
05-21
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用
nutz-1.b.52.jar
05-21
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用
xmlbeans-2.3.0.jar
05-21
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用
f103系列启动文件 各种都有
05-21
startup_stm32f10系列的startup_stm32f10x_cl.s startup_stm32f10x_hd.s startup_stm32f10x_hd_vl.s startup_stm32f10x_ld.s startup_stm32f10x_ld_vl.s startup_stm32f10x_md.s startup_stm32f10x_md_vl.s startup_stm32f10x_xl.s
简单描述一下TPL7407L的概念
05-21
TPL7407L的应用包括：感应负载驱动，如继电器、单极步进电机和直流电机、磁阀和阀门；LED驱动；逻辑电平移位；门和IGBT驱动等。
css3——div内文字换行及省略显示
05-13
要实现在div内的文字换行和省略显示，可以使用CSS3中的text-overflow属性和white-space属性。 text-overflow属性可以设置当文本溢出容器时如何显示。常见的值有： - clip：裁剪文本，超出部分不显示。 - ellipsis...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值