网页开发的CSS代码怎么写
随着Internet编程技术的不断发展,越来越多的大学毕业生加入了Web开发行业中,我们都知道Web开发需要使用css进行定位和布局。下面,霍营北大青鸟带大家来看看如何编写css代码。
前端系统的变化可以描述为每天都在变化。在短短的一年时间里,理论,框架,构建工具甚至开发语言都发生了巨大的变化。随着新项目即将开始,我花时间审查了上一个项目的前端架构。我已经产生了很多想法,我将尽可能地记录它们以准备新的框架。
一、OOCSS(面向对象的CSS)
OOCSS的使用主要有两个原则,一种是分离结构和外观,其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法,OOCSS的目的主要是支持代码的复用,最终保证样式能很好的进行添加和维护。OOCSS也存在一些缺点,它主要适合大型网站的开发项目,因为大型网站的可重用性组件非常多,在运行小项目的时候没有非常好的才、效果,所有在选择的时候应该根据项目的情况进行选择。
二、BEM(块元素修饰符)
BEM是一个名为命名约定的CSS。它不涉及如何编写CSS的结构。在进行电脑培训的过程中,电脑培训建议仅为每个元素添加具有以下内容的CSS类名称。在BEM模式下,它看起来很麻烦且冗余,但每个CSS类名称都能够很好地描述出它的作用。与LESS或SASS结合使用时,会降低其写入复杂度。
三、规则文档
很多人更加倾向于关注大方面并忘记了细节,一份定义明确的规则文档能够提醒我们根据需要进行编写代码。一份好的规则文件应遵循以下规范:其中需要包含不可变规则,而不是一般描述需要始终将规则细化为最简单的表达式,首先解释规则是什么,然后说“如果没有,那会发生什么?并且霍营霍营北大青鸟认为每条规则必须包含以下单词之一-始终,从不,仅,每个,不需要。
四、综合方案
就如开头的介绍,BEM的简单使用并没有解决我们在项目中遇到的问题,反而还会产生其他的新的问题,但这不是BEM的责任。IT培训认为作为前端架构的重要组成部分,CSS主要是需要为项目选择出合适的解决方案,而不是因为它在业界很受欢迎而使用它。
多重随机标签
去晋城皇城相府旅游需要注意什么 网站结构优化细节包括哪些内容 浦口 网络美工与美编需要学什么软件 女孩上职高学什么专业好呢 许昌市经济技术产业集聚区简述 石狮极步网络科技有限公司怎么样 河南机电一体化学校有哪些 产品包装设计需要考虑的因素有哪些 烟台人力资源中心电话是多少 原型在线绘制如何在ipad上画产品原型图 哈尔滨装饰网 哪个网站房价准 西安郭杜教育科技产业开发区的建设 工程设计收费标准是怎么样的 要求鼠标悬停的时候 python中的数据可视化热力图 snsheatmap cf假人录像素材要放在哪个文件夹里 中式糕点的优势和劣势 光遇梦想季明制帽子事件发酵事件的原委是什么 天河区灵秀小学是省级学校吗 市政 东莞高考奖励申请表怎么填个人简历 财政政策三大基本手段 奥达供应链厂内物流规划方案参考 ai做名片ai混合模式制作名片 麻涌为什么没有轻轨站 武夷山市联众电子商务有限公司怎么样 沙田马场历史 注册营业执照的流程