田字格的大小是多少？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了田字格的大小是多少？相关的知识，希望对你有一定的参考价值。
参考技术A 125 mm×175mm ×16张田字格具有普及性。田字格作为最为精简的练习格被广为应用，小学低年级语文课本的生字就使用田字格来展示。学生对于田字格的熟悉与习惯程度，是其他写字练习格所无法比拟的。2、田字格便于笔画练习。初学文字书写者都要从基本笔画的书写开始学习。在田字格中方便练习笔画书写。横中线与竖中线是书写者最基本参照线。
3、田字格便于结构安排。要指出的是，笔画的练习，都是为了写出完整文字而服务的。而在田字格书写文字便捷的原因在于田字格的四边与横中线、竖中线所划分出的区域为所有汉字的笔画与组字成分提供了基本的定位参考。
竖中线可以暗示左右或左中右结构，还可以作为独体字或包围结构中左右对称文字的中轴线；横中线可以暗示上下或上中下结构。对于其他结构的文字，也能在横中线与竖中线及其构成的分区中找到相应的参照系认识了“田字格”后，欣赏田字格中的汉字，让孩子感受到每个字都有他的位置，而不能胡乱摆放，这是一个重要的环节。左右结构，上下结构，半包围结构等等。只有在田字格中逐渐将汉字写规范，这样才能给以后的语文学习打下坚实的基础仅供参考哦
在HTML开发中如何利用DIV实现这样的布局？
田字格布局，要求大小相同的四个正方形。而html里div如果不加控制的话是独占一行的，现在要做的是把四个大小相同的方块，排列成“田”字。第一步、新建html文档并搭建框架
新建一个TXT文档，重命名为“田子格布局.html”，然后用记事本打开，输入表头信息，已经html整体框架搭建。包括head与body。
第二步、DIV布局
分别复制4个不同的div作为4部分，并且分别命名为不同id；显示内容为块1、块2、块3、块4。
【提示】div在html里是单独占一列的（如果不控制），现在4个div布局完成。
【代码如下】
</head>
<body>
<div id="prat1">块1</div>
<div id="prat2">块2</div>
<div id="prat3">块3</div>
<div id="prat4">块4</div>
</body>
</html>
第三步、CSS控制4个DIV显示
输入style然后开始对4个div进行控制，分别对四个块进行大小和颜色的设定，处理之后在浏览器中打开显示如下图所示。
【提示】由于是田子格，所以四个div大小应该相同，为了可以区分颜色分别采用不同的颜色。
【代码如下】
<style>
#prat1
width: 200px;
height: 200px;
background: blue;/*边长200像素的蓝色方块*/
#prat2
width: 200px;
height: 200px;
background: red;/*边长200像素的蓝色方块*/
#prat3
width: 200px;
height: 200px;
background: yellow;/*边长200像素的蓝色方块*/
#prat4
width: 200px;
height: 200px;
background: green;/*边长200像素的蓝色方块*/
</style>
第四步、使用浮动
在CSS里控制输入float：left；四个div全部输入一样内容，这时候看到的是四个并排的div，而没有达到想要的效果，如下图所示。
【代码如下】
<style>
#prat1
width: 200px;
height: 200px;
background: blue;
float: left;
#prat2
width: 200px;
height: 200px;
background: red;
float: left;
#prat3
width: 200px;
height: 200px;
background: yellow;
float: left;
#prat4
width: 200px;
height: 200px;
background: green;
float: left;
</style>
第五步、清除浮动
在第三块上使用清除浮动clear：left；其余的代码保持不变，然后保存代码，刷新打开的页面，就会看到一个田字格了，如下图所示。
【代码如下】
#prat3
width: 200px;
height: 200px;
background: yellow;
float: left;
clear: left;
【注意】只清除第三块的就可以了。
【完整的代码】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>田字格布局</title>
<style>
#prat1
width: 200px;
height: 200px;
background: blue;
float: left;
#prat2
width: 200px;
height: 200px;
background: red;
float: left;
#prat3
width: 200px;
height: 200px;
background: yellow;
float: left;
clear: left;
#prat4
width: 200px;
height: 200px;
background: green;
float: left;
</style>
</head>
<body>
<div id="prat1">块1</div>
<div id="prat2">块2</div>
<div id="prat3">块3</div>
<div id="prat4">块4</div>
</body>
</html> 参考技术A 中间红色那个DIV定义它的position，然后利用margin定位！！ 参考技术B 下面三个你自己知道吧 最后一个 可以用绝对定位 然后调Top 或者直接调margin-top为负数
以上是关于田字格的大小是多少？的主要内容，如果未能解决你的问题，请参考以下文章