认识CSS值如何提高写前端代码的效率
创始人
2024-05-31 03:59:09
0次
🌟所属专栏：前端只因变凤凰之路
🐔作者简介：rchjr——五带信管菜只因一枚
😮前言：该系列将持续更新前端的相关学习笔记，欢迎和我一样的小白订阅，一起学习共同进步~
👉文章简介：本文介绍CSS一些提升写前端代码的效率。知识学习内容来自b站的@黑马程序员的视频
😃1 学习Emmet语法
所谓的Emmet语法，就是帮助我们快速生成前端代码的一些语法。利用它就可以提高我们写前端代码的效率。
适用语言：HTML、CSS。这两个都有对应的Emmet语法快速生成相应代码。
如何使用：在Vscode中已经自动集成了这个语法，只要按照对应的语法规则写代码就可以实现。
😄1.1 Emmet语法快速生成HTML结构
生成某一个标签：直接输入标签名然后按tab键
生成多个同一类型标签：输入标签名然后*数字即可
如果要生成有父子关系的几个标签，用 > 连接即可。如ul > li
如果是要生成并列的几个标签，用 + 即可。如div + p
如果要让标签带类名或者id名字，写标签名 + .类名或者标签名+#id名。如div.leiming、p#idming
😄1.2 Emmet语法快速生成CSS样式
CSS中只要输入属性的简写+属性值即可。
例如：width：200px只要输入w200 | height：600px只要输入h600 | line-height：16px只要输入lh16即可。
更多的需要自己在实战中多积累经验，但是记住一般是属性简写+属性值就可以
😃2 快速格式化代码
格式化代码就是写的代码看上去比较乱，需要快速整理成推荐的格式。那么这里Vscode的快捷键就是Shift + Alt + F。不同编辑器可能不太一样，这里推荐用Vscode。
😄2.1 自动格式化代码
所谓自动格式化代码就是每次写完代码进行保存后，页面会自动的格式化代码，我们连快捷键都不需要按。这里依旧以Vscode为例，介绍如何实现：
找到设置，输入formation，然后勾选如下设置即可
相关内容
热门资讯
人间自有温情在作文（精简3篇...
人间自有温情在作文 篇一温情的力量人间自有温情，在日常生活中，我们时常能够感受到这种力量。温情是指人...
小学三年级抗疫情作文（精简5...
小学三年级抗疫情作文 篇一：我们一起抗疫，共克时艰新冠疫情的突然爆发给全世界带来了巨大的挑战，人们的...
有你真好的作文（通用6篇）
有你真好的作文 篇一有你真好每个人的生活中都会有那么一个重要的人，他们的存在让我们的生活变得更加美好...
我上学了（优选3篇）
我上学了 篇一我上学了已经有好几年了，回想起来，这段时光仿佛就在眨眼间过去了。刚开始上学的时候，我还...
有趣的游戏小学作文400字【...
有趣的游戏小学作文400字 篇一标题：童年乐园——躲猫猫游戏在我心中，有一个让我欢乐无比的游戏，那就...
那次玩得真高兴作文（优秀5篇...
那次玩得真高兴作文 篇一那次玩得真高兴上个周末，我和我的朋友们一起去了游乐园玩，那次真是玩得太高兴了...
初一七年级学生作文题目【优选...
初一七年级学生作文题目 篇一我的暑假计划暑假即将来临，我对未来的两个月充满了期待和计划。今年的暑假，...
假如考上了名校,我要回来看看...
假如考上了名校，我要回来看看我的母校小学作文 篇一当我考上了名校，我内心感到无比的兴奋和自豪。这是我...
校园桂花香小学作文【最新3篇...
校园桂花香小学作文 篇一校园桂花香小学作文我所在的学校是一所名为桂花香小学的学校，这个名字来源于学校...
春天小学一年级作文300字（...
春天小学一年级作文300字 篇一春天的花儿春天是一个美丽的季节，大地万物都在春天苏醒，充满了生机和活...
小学中秋节的作文【优选3篇】
小学中秋节的作文 篇一中秋节是中国传统的节日之一，也是我最喜欢的节日。在这一天，我和家人一起庆祝，品...
梦里清江小学作文【优质3篇】
梦里清江小学作文 篇一我爱梦里清江小学梦里清江小学是我上学的地方，它位于美丽的梦里清江边。每当我踏进...
难忘的秋游小学作文450字（...
难忘的秋游小学作文450字 篇一难忘的秋游今天，我们全班去郊游了，这是我度过的一个最难忘的秋天。我们...
可怜的骆驼作文（优质3篇）
可怜的骆驼作文 篇一骆驼是一种生活在沙漠中的动物，它们背上长着一座座驼峰，可以存储大量的水分，帮助它...
倔老头作文【优选3篇】
倔老头作文 篇一倔老头的坚持倔老头是我家附近的一位老先生，他已经七十多岁了，但他的身体和精神状态一直...
小学生一年级的作文400字（...
小学生一年级的作文400字 篇一我的暑假计划暑假就要来了，我有很多计划，让我来给大家说说吧！首先，我...
师爱温暖我的心小学作文【优秀...
师爱温暖我的心小学作文 篇一师爱温暖我的心作为一名小学生，我有幸遇到了一位非常特别的老师，她就是我的...
可爱的金毛小学作文【优秀3篇...
可爱的金毛小学作文 篇一我家的金毛小狗我家有一只可爱的金毛小狗，它的名字叫做小黄。小黄是一只非常聪明...
四年级上册三单元作文【优秀3...
四年级上册三单元作文 篇一我的家乡我是一个四年级的学生，我想给大家介绍一下我的家乡。我的家乡是一个美...
约定的作文【优秀3篇】
约定的作文 篇一约定的作文可以是一种非常有趣的写作形式，它让人们可以事先约定一个共同的主题或要求，然...