最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

css扁平化博客学习总结(一)模块分析_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:08:45
文档

css扁平化博客学习总结(一)模块分析_html/css_WEB-ITnose

css扁平化博客学习总结(一)模块分析_html/css_WEB-ITnose:一、模块分析 1.每开发一个项目之前,首先要对项目进行一个大致规划,它到底要做什么功能,它有什么具体需求。 2.所以需要进行模块化分析,把这些东西具象化,把一个问题模块化,对需求有一个宏观的了解。 3.有一个模块的概念后,把模块进行细分,细分成更小
推荐度:
导读css扁平化博客学习总结(一)模块分析_html/css_WEB-ITnose:一、模块分析 1.每开发一个项目之前,首先要对项目进行一个大致规划,它到底要做什么功能,它有什么具体需求。 2.所以需要进行模块化分析,把这些东西具象化,把一个问题模块化,对需求有一个宏观的了解。 3.有一个模块的概念后,把模块进行细分,细分成更小

一、模块分析

1.每开发一个项目之前,首先要对项目进行一个大致规划,它到底要做什么功能,它有什么具体需求。

2.所以需要进行模块化分析,把这些东西具象化,把一个问题模块化,对需求有一个宏观的了解。

3.有一个模块的概念后,把模块进行细分,细分成更小的模块,然后逐一击破。

不进行模块分析的恶劣影响:

不做模块分析,一上手就想到哪儿做到哪儿,很容易一叶障目,不能看到全貌,你会发现做着做着就失控了。因为有些地方出现了矛盾,你会发现要修改的成本很高,还不如推倒重写。

新手很容易着眼于细节,首先不应该从细节开始做。

二、整体分析

首先做一个页面分析:

1.body下只含page-wrapper和menu;

2.page-wrapper含一个header、一个footer和五个section:banner、one、two、three、cta。

三、组件分析

1.header下有一个h1、nav

2.一个页面最好只有一个h1,nav下含一个ul,ul里含li,li里含a,目前只有一个a标签,但为了之后的可扩展性,还是要这么灵活的写。

3.banner下含inner,和向下滚动的按钮a;inner含p,ul、li、a按钮;

4.one下有一个inner div,为了约束内容的宽度,让内容不会溢出。div下有一个header、一个ul下有三个同级图片li

5.two下有3个section,每个section下分别有一个image和一个content区域

6.three下有一个inner div,div中有一个header、6个div

7.cta与上面没什么差异

8.footer下有2个span

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文档

css扁平化博客学习总结(一)模块分析_html/css_WEB-ITnose

css扁平化博客学习总结(一)模块分析_html/css_WEB-ITnose:一、模块分析 1.每开发一个项目之前,首先要对项目进行一个大致规划,它到底要做什么功能,它有什么具体需求。 2.所以需要进行模块化分析,把这些东西具象化,把一个问题模块化,对需求有一个宏观的了解。 3.有一个模块的概念后,把模块进行细分,细分成更小
推荐度:
标签: it 博客 html
  • 热门焦点
专题
Top

抖音扫码关注

手机端二维码

每天分享百科知识!