css实现正方形div的3种方式，html怎么做正方形

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

CSS如何写一个宽度为屏幕50%的正方形DIV

1、首先，最简单的办法是把宽和高设为相同的固定值。

2、如果我没记错的话，这个只用CSS应该是不能实现的吧。应该用javascript才好。用JS获取一下DIV的宽度，之后再设置高度。如果你需要的话，你再追问，我给你写一下代码也好。我的意思，不用在找CSS的设置方法了。

3、首先要为DIV加个width，然后在CSS写上 margin：0 auto；这样就居中了，不给div指定个宽度margin是不起作用的。

4、只能用Jquety来实现，因为一般显示器的屏幕大小都不会是1：1，所以宽的20%肯定不等于高的20%。

5、方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

这段代码中，第一个div使用内联CSS来样式其内容，第二个div使用外部CSS文件来样式其内容，第三个div使用嵌入式样式表来样式其内容。

外部样式外部样式是使用最广的引入方式，适合比较大的页面或者整站开发。引入方法是将样式写css文件中，再将css文件链接到HTML文件里。

CSS的四种引入方式分别是：行内样式、内嵌样式、链接样式和导入样式。

，外部引用，用link标签引用外部的css文件，将样式引用到html文档来。link rel=stylesheet type=text/css href=style.css 3，在标签中使用，使用style属性将当前的标签样式改变。

CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。行内样式使用style属性引入CSS样式。

行内方式 1 在每一个html标签中都有style属性：里面有书写样式。弊端：样式代码和标签代码混合到一起，不利于维护。

1、以下是进行CSS设计时的几个小技巧 DIV CSS网页布局若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http：//validator.worg。

2、取消class和id前的元素限定当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，鸩las s可以在页面中多次使用。你限定某个元素毫无意义。

3、DIV：这个是网页HTML的标签，通常我们在HTML代码中使用DIV标签配合应用CSS类布局网页。

4、css技巧分享：如何用css制作横向二级下拉菜单工具/材料记事本浏览器打开Notepad，先输入一个页面框架。好了，接下来就该定义页面的标题、关键词、描述了。

5、网页设计师(主要是用PS)先将网页设计出来。进行网页制作，就是切片，div+css布局，将图片变成网页。后台制作。可以自己开发，也可以套用cms，如dedecms，phpcms。等具体步骤就是这样。

6、在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。

css实现正方形div的3种方式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html怎么做正方形、css实现正方形div的3种方式的信息别忘了在本站进行查找喔。