大家好，今天小编关注到一个比较有意思的话题，就是关于css布局的优缺点的问题，于是小编就整理了3个相关介绍CSS布局的优缺点的解答，让我们一起看看吧。
为什么觉得前端的CSS很难？
来来***就那些属性了，看你怎么组合，这个没有技巧，真的就是多写而已，最后不但感觉不难，反而一点新鲜感都没有了。
觉得难可能是没有针对性的做一些页面，实际工作中，调着调着就会了。
div><为什么觉得前端的CSS很难？这应该是我刚开始想从事前端开发时遇到的问题，难就难在对标签属性掌握的不全，什么时候该用哪个标签想不起来，我想你也应该是遇到跟我一样的问题。
“工欲善其事必先利其器”，如果你想写出很好看的静态页面，这里不包括页面的JS交互，就必须掌握页面的CSS布局，然后对其DOM结构进行CSS编写，从而让它变得规整，好看起来，那么在这中间就需要大量的CSS标签。
找到问题所在，就要对症下药（例如，你想要让DIV中的几个div均匀的分布在一行，并且随着屏幕的宽度自动排版，不会出现div乱跑的结果，这时候你就要用到display：flex CSS属性，如果想要各个浏览器都兼容，你就要针对不同的浏览器写不同的CSS属性，例如针对Google，就要写display：-webkit-flex等等）。
所以说一定要对CSS的那些标签属性了如指掌，那样下次你找到问题所在后，你就可以想到用什么CSS标签，试想，你连那些CSS属性代表什么含义都不知道，你如何去用它。
因此把那些CSS标签好好过一遍，这样以来，下次想写什么布局，想实现什么的样式，你就会想到该用什么CSS标签。
跟你说说我那时候学习CSS的方法，我再W3C菜鸟教程上把所有的CSS标签都认真过了一遍，简单的应用了一下，并没有组合起来使用。
过了一遍后，我就还是挑选一个完整的页面，写的京东商城的页面，仿照它的页面写了一下，全是静态页。按照它页面的布局就开始写，因为他已经有CSS样式了，所以自己写的时候，不会就看它写的样式，这样一来又把所有的标签过了一遍，还把所有的标签整合起来使用了。
觉得css难的这种看法一般常见于有其它语言编程基础的人，比如说后台转前端，对他们来说html相当于xml，js相当于java，很快可以上手。而css是跟一般编程语言完全不同的思路的一种东西，很难用原有的经验去理解，如果不静下心来去系统学一学css的原理和思路的话，直接上手写会发现总是跟预想的不一样。所以，并不是难，是你没有去学。
而对于真正的初学者，没有任何编程基础的话，一般来说，会觉得js比较难，css是相对容易掌握的。
css如何使页面缩小后不变？
1、打开编辑器，创建一个HTML文档，并且设立一下基本的架构。
2、我们用img标签嵌入一张图片，我们可以看出如果页面缩小，图片不会随着缩小，这样页面就变形了。
3、然后创建CSS文档，并且关联现在的HTML文档。利用LINK标签。
4、* { text-align: center;} img { width: 800px; height: 800px;}为了方便显示，我们先居中图片，并且设置基础的长宽。
5、@media only screen and (max-width: 600px) { img { width: 300px; height: 300px; }}
现在我们在CSS文件后面加上这行[_a***_]，指的是页面缩小到宽度为600px后，图片的长宽也跟着缩小，这里要注意比例。
6、然后我们试着缩小页面，就可以发现会跟着缩小，这样就可以制作不变的效果。
css如何使页面缩小后不变？
1、打开编辑器，创建一个HTML文档，并且设立一下基本的架构。
2、我们用img标签嵌入一张图片，我们可以看出如果页面缩小，图片不会随着缩小，这样页面就变形了。
3、然后创建CSS文档，并且关联现在的HTML文档。利用LINK标签。
4、* { text-align: center;} img { width: 800px; height: 800px;}为了方便显示，我们先居中图片，并且设置基础的长宽。
5、@media only screen and (max-width: 600px) { img { width: 300px; height: 300px; }}
现在我们在CSS文件后面加上这行代码，指的是页面缩小到宽度为600px后，图片的长宽也跟着缩小，这里要注意比例。
6、然后我们试着缩小页面，就可以发现会跟着缩小，这样就可以制作不变的效果。
到此，以上就是小编对于css布局的优缺点的问题就介绍到这了，希望介绍关于css布局的优缺点的3点解答对大家有用。
