Ⅰ 网页前端代码用css如何实现不规则的图片排列。求如下图的前端网页代码或示例。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>TEST</title>
<style>
.grid{
display:table;
transform:rotate(-45deg);
margin:0auto;
}
.grid>.grid-tr{
display:table-row;
}
.grid>.grid-tr>.grid-td{
display:table-cell;
width:120px;
height:120px;
border:2pxsolidrgba(255,255,255,1);
background-color:aqua;
}
</style>
</head>
<body>
<divclass="grid">
<divclass="grid-tr">
<divclass="grid-td"></div>
</div>
<divclass="grid-tr">
<divclass="grid-td"></div>
<divclass="grid-td"></div>
</div>
<divclass="grid-tr">
<divclass="grid-td"></div>
<divclass="grid-td"></div>
<divclass="grid-td"></div>
</div>
<divclass="grid-tr">
<divclass="grid-td"></div>
<divclass="grid-td"></div>
<divclass="grid-td"></div>
<divclass="grid-td"></div>
</div>
</div>
</body>
</html>
想放图片的话直接将 img标签放到 grid-td的div里面去。
思路很简单，看似不规则的排列实际是规则的，与其一个一个将div旋转，不如放入一个容器里面排列好，然后旋转了-45° 。
Ⅱ 自己写的网站，在本地测试时前端页面显示好好的，可是上传到阿里云服务器的时候，出现了页面排版错乱问题
既然是自己写的
就从自己习惯着手
看环境 看路径 看模板 看调用文件
Ⅲ 什么是前端设计与开发，那些是属于前端开发的 。
HTML5、CSS3等都属于前端开发的。
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
前端开发从网页制作演变而来，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。
(3)前端排版扩展阅读：
2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分，成为人们身体的延伸，人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外，前端技术还能应用于智能电视、智能手表甚至人工智能领域。
Ⅳ 做一个web前端的排版，静态的，看着比较复杂，请问大家有没有什么简单方法。写代码的.谢谢啦
最简单的办法就是用表格制作这样的页面。
如果只是这种排版的话，利用浮动并调整好宽高问题，这种样子也不难
Ⅳ 网页设计与前端
网页设计师是用PS等工具设计网站效果图，代码需要懂，自己的设计想法还要能够实现，当然，设计中不需要编辑代码，我们只需要做好排版就好了
Ⅵ 有没有前端大佬,我想请大佬指导下前端排版,我已经做好了,但是觉得很别扭
最好有设计稿，先设计规划好要做成什么样，再去做，效果会非常明显的。
Ⅶ 前端开发如何提高排版速度
用一个好的编辑器是非常不错的，如phpstorm，另外就是多敲代码，更加熟练
Ⅷ 有人需要做html静态网页排版的吗
一些特效还是需要js来实现的。
1、一个纯静态网页大致包括html css js 。
2、一般HTML是一个网页的骨架，css是修饰这些骨架的样式，js是实现一些特效的。
3、现在主流的前端是div+css布局来实现的。HTML只用来布局，而css负责所有样式的修饰。
4、这只是pc的静态网页，对于移动端或者是响应式则需要js来参与基本的布局，比较复杂。