关于CSDN的页面布局，我昏一个……

最新推荐文章于 2024-11-04 00:10:31 发布
原创 最新推荐文章于 2024-11-04 00:10:31 发布 · 796 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
作者在体验了更新后的CSDN网站后发现其界面风格与校内网极为相似，甚至一度怀疑自己误入了另一个平台。

刚才刚刚逛完校内网，回到csdn准备贴一篇日志，结果发现csdn改版后跟校内网几近相同……差点以为走错了，寒。。。

【css】最全布局总结
qq_45406325的博客
08-13 1万+
布局就是控制元素位置、大小，常见布局有 标准流布局、弹性布局、表格布局、流体布局、网格布局、混合布局、定位布局、浮动布局等，我会从文档流，容器，效果这些角度介绍
CSDN 界面布局优化
要学就学灰太狼的博客
09-02 1731
csdn界面优化...
常见的网页布局结构
qq_73599840的博客
11-19 1万+
整理了一些适合网页设计初学者的网页布局结构，掌握几个页面布局结构将会让网页变得更加美观，并且大大提升设计效率。
随便写写之——CSDN个人主页布局（二）
qq_52368602的博客
06-12 868
其中设置和更多的地方，我觉得是可以添加点css的，不过可能他们有额外的考虑或者在他们认为是没有必要的吧~也不用想太多。这边写的时候发现页面交互上还有可以改进的地方，比如csdn里的这块hover可以添加点特效。都是些比较简单的布局，头像这边就用了一个绝对定位定在了左边盒子上。加个图片好了，不然太丑了，看下main_haeader的布局。侧边栏应该用组件的，这个后边再封装好了，先稍微添加实现下效果。今天的好像都是简单的布局，没有太多的技巧，明天再看看吧，现在是中午11点30，还是有点迷糊，也不知道怎么了。
小解CSDN论坛首页面的布局方式
干勾鱼的CSDN博客
09-11 2139
CSDN论坛的首页面如下：当然每个区域都是div。开始我以为都是通过相对位置作出的布局，但无论如何也看不出右侧宽度是怎么定义出来的。后来发现原来出发点就是错的。这个布局很巧妙，body先加了一个左侧的padding，即：padding-left: 220px这样，页面中所有元素都挤到右侧去了。正常的话左导航也会挤过去，但是左导航使用绝对定位，加了一个：position: fixed; left:0p
csdn页面布局怎么变了
04-18 1万+
csdn页面布局怎么变了
页面布局,开始一个csdn的论坛布局
huixx的专栏
11-24 778
 在csdn论坛页面查看源文件可以看到布局方式如下，      CSDN 社区中心                 经修改后加入dtree的最中形式如下。
csdn页面布局怎么变来变去的
04-27 1万+
csdn页面布局怎么变来变去的
缩放页面不影响布局方法
孛儿只斤·苏日娜的日记
08-24 1万+
缩放页面不影响布局 1、类似百度布局（1） 布局时在最外面套一层div，然后给这个div赋一个固定的长宽就可以了。 <body><div id="main"></div></body> css代码： #main{ width:1000px; height:500px; MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 2、类似百度布局（2） <div style="min-width:1050px;min-h
CSS网页布局（了解CSS各种布局只需一篇）
最新发布
2401_87257836的博客
11-04 1222
本章内容：CSS的两列布局、三列布局和多行多列布局。
5种布局方式
weixin_30458043的博客
08-06 760
一、静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。 2、设计方法 PC：居中...
随便写写之——CSDN个人主页布局
qq_52368602的博客
06-11 425
现在是11点半，写个将近两个小时就写了那么点，好久没写基础布局了，感觉基础还是有点不行，用el组件的话可能会更快点吧。想到就写了，可能有很多冗余的代码~感觉还是得多练练~最近一直在看题，真的好无聊，晚上睡觉前脑子里想的都是JS，不会是焦虑症犯了吧，赶紧写点东西，现在是上午9点38分，想着写个csdn的布局练练手吧。这边看下csdn的布局。直接新建vue项目~
手把手教你CSDN排版（纯自留）
Kiro君的博客
04-09 1503
CSDN如何玩出花样【前言】空格设置字体颜色字体格式设置整体背景颜色【总结】 【前言】 因为博主平常使用CSDN的频率非常高，各种格式切换有时候会记不住，今天正好有空就整理一下，方便自己使用，也方便给大家参考最下，如果有问题的地方欢迎指出哟！ 空格 格式： 半空格的空白用：&ensp; 或 &#8194; 全空格的空白用：&emsp; 或 &#8195; # 空行 ``` 格式： ``` # 内容居左、中、右 ``` 使
如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？
m0_49210479的博客
04-13 433
一、背景 在日常布局中，无论是两栏布局还是三栏布局，使用的频率都非常高 PS: 文末有彩蛋 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满， 比如Ant Design文档，蓝色区域为主要内容布局容器，侧边栏为次要内容布局容器 ❝ 这里称宽度较小的列父元素为次要布局容器，宽度较大的列父元素为主要布局容器 ❞ 这种布局适用于内容上具有明显主次关系的网页 三栏布局 三栏布局按照左中右的顺序进行排列，通常中间列最宽，左右两列次..
页面布局（上下布局、上中下布局）
Qxn530的博客
12-13 2896
上下布局（顶部盒子固定，底部盒子填充剩余空间）、上中下布局（中间盒子高度自适应）
常见的几种页面内容布局方式
wang839305939的博客
07-27 6万+
常见的页面布局，左右自适应布局
响应式布局
小诺
12-02 1905
首先我们应该遵循移动优先原则，交互和设计应以移动端为主，PC则作为移动端的一个扩展；一个页面需要兼容不同终端，那么有两个关键点是我们需要去做到响应式的：响应式布局和响应式内容（图片、多媒体）。 一、响应式布局 如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape)，怎样才能做到让一种设计方案满足所有情况？对此，马海祥觉的我们的布局应该是
五种经典网页布局设计
热门推荐
lzy15907117519的博客
03-04 8万+
不得不说，网页设计绝对是有套路的！网页布局虽然千变万化，但是如果你仔细观察，会发现有一些布局适用范畴相当广，经久不衰。今天的文章，我们就来聊一下5种经典的网页布局。在开始一个新的网页设计项目的时候，不知道你会不会有那么一瞬间的犹豫：“这个项目要从哪里着手呢？”伴随着这种犹豫的，是“做点前所未有的作品”的冲动。不过，很多时候，这些冲动和犹豫都在需求的磨合、设计的细化中，逐步淡化。相比大家也都发现了，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值