课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
html编程开发语言是每一位学习web前端编程开发技术的人都需要熟练掌握并应用的一个编程知识点,下面我们就通过案例分析来了解一下,html编程技术知识分享。
1)标签规范化
div乱炖是指嵌套多层div元素。为了保持简洁,语义化的标签是选,应用样式所依靠的是HTML5元素名称和它们的层级关系,在标记中没有类名,往往写出层级的后代选择器。
2)模块化方法
前端开发人员的工作就是把视觉语言拆解成小单元。拆解之后,可以创建规则,对这些小单元进行重组。转换的目标是创建具有可扩展性和可维护性的代码库,以便如实地重现视觉语言能表达的任何东西。
3)模块化CSS
1.OOCSS(Object-OrientedCSS,面向对象的CSS)
有两个主要的原则:分离结构和外观,以及分离容器和内容。
分离结构和外观:将视觉特性定义为可复用的单元。
分离容器和内容:不再将元素位置作为样式的限定词。
2.SMACSS(ScalableandModularArchitectureforCSS,模块化架构的可扩展CSS)
把样式系统划分为5个具体类别。
基础:不添加CSS类,标签会以什么外观呈现。
布局:把页面分成一些区域。
模块:设计中的模块化、可复用的单元。
状态:在特定的状态或情况下,模块或布局的显示方式。
主题:可选的视觉外观层,可以让你更换不同主题。
3.BEM(BlockElementModifier,块元素修饰符)
只是一个CSS类名的命名规则。每个元素带有如下内容,例如toogle__detail--active。
块名:所属组件的名称
元素:元素在块里面的名称
修饰符:任何与块或元素相关联的修饰符
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。