从实践中理解 - 树形的DIV

本文讲述了作者从接触Web开发初期对HTML和CSS的困惑,到逐渐理解并重视DIV块的重要性。作者强调在面对复杂网页结构时,绘制DIV块的树形图能有效帮助设计师清晰组织布局和简化CSS样式设计。后续会补充关于DIV树形图的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     在大学期间,刚学习Web的时候,对于基本的HTML标签,掌握和运用起来都是很困难的,更不要提及CSS属性了,因为并不是很熟悉这些标签及标签属性。不过我还是很高兴学习Web

     来MSStore Web(online)Team 已经快两个多月了, 对于HTML标签和CSS属性,我是从不知道不知道到知道不知道,然后又从知道不知道到知道知道,接着正处在知道知道阶段,正向不知道知道进军。

    其实,我今天主要是想谈谈DIV块,刚开始并不会很在意这个像容器一样的块,本以为只要把所有的标签运用上,没有什么网页写不出来的,现在真想嘲讽那时的自己:“没文化,真可怕”。可能是刚开始学习的时候并不知道网页的复杂性。

现在已经算是自学过一段时间的菜鸟级的“初级前端设计开发工程师”,老长老长的称谓了,呵呵,不过还是很高兴的。正向抛开菜鸟级别的称谓进军呢。。。

    很奇怪,说着说着又说跑偏了,主要是说DIV块的,可是还没说呢,就把这么久的学习的小小总结给说出来了。好吧,还是言归正传吧。

     DIV块,只要是一打开浏览器,按下F12查看网页代码,几乎所有的结构都是由DIV块组合而成的,可想而见,DIV块的重要性及其普遍性。一个简单的网页结构当然能够很清楚的知道其中的结构层次,当然在书写CSS的时候也能很清楚的知道自己在描述那一块的样式,但是当你在设计一个相对比较复杂的网页的时候,你会很头痛的,因为你自己都理不清这复杂的结构了,在这种情况下,我建议你赶紧画一张树形图描述你所设计的DIV块结构,这样你就能很快的找到并轻松地设计样式了。

   后续:DIV树形图补上,敬请关注。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值