制作前端布局的一点点学习经验

最新推荐文章于 2024-08-25 11:36:55 发布
最新推荐文章于 2024-08-25 11:36:55 发布
阅读量486 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014492098/article/details/41805495
版权

           在写布局的时候，不要吝啬使用标签，在布局相对复杂的情况下，尽量多使用div li ol   少使用table 标签，这样做出来的页面兼容性肯定要好很多。

          不要以为标签少，布局就好，写的时候应当多用div把每个汉字都落实到实处（固定要特别位置).

Wismyluckstar
关注
前端开发常见的五种布局方式及应用场景
m0_64409387的博客
02-10 2932
前端开发常见的五种布局方式及应用场景 1.静态布局： 给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。优点：设计简单。缺点：对于不同尺寸屏幕的兼容性不好，特别是移动端。 2.流式布局： 元素的宽高用百分比做单位，元素宽高按屏幕分辨率调整，布局不发生变化。优点：页面元素宽高可以自适应调整。缺点：屏幕尺度跨度过大的情况下，页面不能正常显示。 3.自适应布局： 屏幕尺寸或分辨率变化时，页面元素会跟着变化。缺点：页面元素不会随着窗口大小的调整而发生变化。 4.弹性布局
前端基础--CSS布局学习
HopCoder
06-05 655
最近学习小程序发现很多关于css布局的东西都不是很懂，所以学习记录下关于CSS布局相关的知识。 学习资料：http://zh.learnlayout.com/ “display”属性 block：块级元素 inline：行内元素 none：一些特殊元素的默认 display 值是它，例如 script 。 display:none 通常被 JavaScript 用来在不删除元素的情况下隐...
前端布局学习归纳
qq_36893477的博客
09-04 203
前端布局学习归纳 注意：摘抄自和学习自https://www.cnblogs.com/yanayana/p/7066948.html 1.静态布局（Static Layout） 即传统web设计，网页上的所有元素的尺寸一律使用px作为单位。 布局特点：不管浏览器的尺寸大小是多少，网页都是按最初的布局来显示。常规的pc端网站都是使用静态布局（定宽高）布局，即设置min-width（最小宽度），这样的...
我90后刚毕业后 做前端美工设计的一些经验
莫问沉思的专栏
08-15 1891
如果你幸运的阅读到这篇文章的话，说明这是一种缘分。我希望这篇文章对你有帮助和启迪。       时间过的很快，正式毕业快3个月多了，不过实习就来到了公司也差不多快半年了，在公司呆着的日子。刚到公司实习的时候，应聘的是美工设计，但是一进来公司连我才5个人。当时我很清楚第一天，第一天让我了解公司的产品啊，做一些基本准备，我发现他们在安装电脑系统，不过遇到了一些问题，我正好在大学的时候在网上学习了一些
前端学习——布局
carmen_studing
03-18 247
前端的布局学习。
网页设计与制作期末设计报告.docx
03-24
网页设计与制作是一个涵盖多个领域的综合技能，包括HTML、CSS、JavaScript等前端技术。在这个期末设计报告中，学生杜才伟以个人网站为项目，展示了其在网页设计与制作课程中的学习成果。该报告详细介绍了设计过程、...
每天成长一点---WEB前端学习入门笔记
小浩
01-05 4765
每天成长一点WEB前端学习入门笔记 从今天开始，本人就要学习WEB前端了。 经过老师的建议，说到他每天都会记录下来新的知识点，每天都是在围绕着这些问题来度过，很有必要每天抽出半个小时来写一个知识总结，及时对一天工作的一个小结， 也是对自己知识的一个梳理，之前特别喜欢记在本子上，不过长期的不用，就会发现记在本子上很容易就忘，所以后面开始写博客。首先，它并不单单是对自己的一些技术心得 的总结亦
自学前端，需要学习哪些知识点？学多久可以入职前端工程师？
BOM485480的博客
01-20 348
假如有那么残酷的一天，我不小心喝错了一瓶药，一下子抹掉了我这十多年的编程经验，把我变成了一只小白。我想自学 前端，并且想要找到一份工作，我预计需要 6 个月的时间，前提条件是每天都处于高效率的学习状态当中，并且每天的学习时间至少在 12 个小时以上。 即便是这样，我敢肯定，找到的工作肯定不会太好，勉强能够维持生活吧，毕竟是零基础入门啊。 如果想更进一步，真正成为一名不可或缺的高级前端工程师，时间需要更久，两年、三年、五年，直到秃的那天。 想着想着，我就觉得有必要为那一天做点准备，以备不时之需。 01、第一
结合Bootstrap实现一点点奶茶加盟官网首页页面效果
梨柚的博客
09-27 1502
学完bootstrap3后，找了一个简单的网站进行实战练习，只实现了网站首页的效果。用上bootstrap基本的栅格布局，轮播图和几个常用的样式类，适合小白练手。 整个完整首页的实现效果是这样的： 这里粘贴两个关键文件的代码：（完整项目资源放github，文末有地址。） 1、index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>一点点官网|一点点.
web前端开发需要学习什么？
web前端技巧开发
04-08 908
如果要学习web前端开发，需要学习什么？ 遇到很多新手，都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？怎么能快速建一个网站？工资能拿到多少？还有些让我推荐一些培训机构什么的要去学习。我建议是自学，实在是觉得自己没有这个能力，确实是需要一个老师的话，那你还是自己做主找个老师吧！为什么要自学呢，现在的老师水平都可以说是参差不平，运气好，你遇到个好老师，把毕生的经验和技巧都教给了你...
前端布局学习笔记（第一篇：入门）
斌哥谈编程
05-11 250
文章目录一、知识点1、margin、padding有什么区别，不想再混乱了2、五种最常见的CSS页面布局3、box-sizing属性是什么作用？4、行内元素水平方向不对齐有哪些原因？5、块标签、行内标签、行内块标签有哪些？区别是什么？6、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？7、display有哪些值？说明他们的作用?8、请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？9、CSS3有哪些新特性？10、display:none与visibility：hidden
关于前端布局的基础知识
最新发布
qq_69304031的博客
08-25 1804
内敛块级元素实现横向布局 需要向横向布局的元素添加display: inline-block ，让其变成内敛块级元素，内敛块级元素特点：不独占一行，对宽高支持。第二种： 对文字大小处理,给使用display: inline-block的父级元素设置字体大小为0，并且该元素要设置字体大小。第二种：给父级设置overflow:hidden 达到父级元素高度随子集元素自适应的变化（推荐）解决方法： 给父级元素设置高度：不推荐，需要给父级一直调高度。无法解决的问题：元素均分父级，需要计算而且不一定均分。
前端学习-flex布局
分享博主日常学习和使用的一些技术
06-09 1520
实例:有个任务，九宫格抽奖，页面怎么搞，接口怎么搞，数据库怎么搞？ 页面 h5 flex布局 api接口： 奖品列表 抽奖接口 抽奖记录接口 抽奖次数接口 如何快速的进行CSS布局？ http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 传统布局？ flex布局 display: flex main ax...
前端布局方式汇总及概念浅析
廿四桥明月夜的博客
01-16 645
前端布局方式汇总及概念浅析 Jan 12 2018 更多文章参见： https://github.com/elevenbeans/elevenbeans.github.io 前言 又一个月没更博了，为了自己的第一个小窝连续奔波于苏沪两地。 恰逢最近团队有个关于前端布局的分享的作业，于是赶紧抓住机会认领，并总结成文。 关于布局 基础布局方式 0. 普通/文档流 布
前端常用布局大全——细致讲解
qq_44197554的博客
01-07 3653
作为一名前端开发者，每天都在和浏览器打交道，而浏览器中展示的网页需要做的很美观，并且可以吸引住用户浏览网页，提升用户体验是很重要的，所以不可避免的就要用到各种各样的布局。今天就来列举一下各种常用布局以及实现方法。...
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(1)
WeiyiGeek 唯一极客IT知识分享
09-25 553
描述: 前面相信大家已经跟着【WeiyiGeek】作者一起学习了CSS基础知识了，并且了解了盒子模型、以及元素的定位浮动方面的知识。现在我们在此基础上继续深入学习CSS布局，它是学习CSS之路上一个重点，是在进行前端开发时常常使用到的，所以说我们需要认真学习，若有不懂的地方可以在文章末尾，以及作者交流群【在公众号回复微信交流群】进行留言交流。同时，欢迎各位看友支持《#前端学习之路》专栏的更新。
2021大前端学习规划
BYGFJ的博客
05-18 419
第一阶段（1-2个星期） 学习HTML+CSS，能够使用这两个东西写出特别简单的页面，比如盒子模型或者文章加配图。 推荐学习网址菜鸟教程或者w3school 第二阶段（1-2个星期） 学习原生的js以及它操纵html的方法，注意要是原生的js，只有明白原生的js才能够快速掌握各种框架及其原理。 依然推荐学习网址 菜鸟教程 或者 w3school 第三阶段（2个星期） 学习jquery以及bootstrap框架，其中前者是js框架后者是css框架。 这是你学的第一个框架要认真学习，跟着...
前端布局问题汇总
万少博-FE
01-04 743
在实际项目的开发过程中，经常会遇到很多很庞杂的问题需要实时处理，加上项目时间节点的控制，处理问题的效率和最优方案的选取是程序员需要不断提升的技能。因此，每一位程序员都需要建立自己的学习记录文档或知识点汇总文档，方便自我能力提升的循序渐进。 1.常见复选框的设计方案，HTML结构如下： 合并 2.判断复选框是否选中的jQuery代码如下： if ( elem.checked ){}else{
移动端前端布局详解与实战项目总结
本文主要介绍了前端小白如何学习移动端布局，并提供了四大实战项目的总结及学习笔记。文章涵盖了浏览器现状、移动端基础、视口概念、二倍图处理、移动端开发选择、CSS初始化、布局方法以及实战案例。 一、移动端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值