认识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，然后勾选如下设置即可
相关内容
热门资讯
灾害急救知识及技能竞赛主持词
灾害急救知识及技能竞赛主持词 主持词要注意活动对象，针对活动对象写相应的主持词。在现在的社会生活中...
赌侠经典的台词
赌侠经典的台词 刘德华，周星驰试图将《赌神》和《赌圣》的名牌发扬光大的作品，这部《赌侠》也是他们早...
小学生开学典礼主持词
小学生开学典礼主持词 主持词需要富有情感，充满热情，才能有效地吸引到观众。在当下的社会中，主持人在...
酒鬼酒著名广告词
酒鬼酒著名广告词发布时间：2017-04-01 1.酒鬼背酒鬼，千斤不嫌赘;酒鬼喝酒鬼，千杯不会醉...
优秀班会主持词
2017年优秀班会主持词 班会是班主任做好班级管理工作的一条有效途径。主持词要怎么说呢?下面是小编...
婚宴主持人词
婚宴主持人词 婚宴开始 尊敬的各位来宾，尊敬的各位亲朋好友，大家晚上好！在这天地之合的喜庆之日，...
电影《爱情公寓》经典台词
电影《爱情公寓》经典台词 1、我们也许是别人故事里的配角，但至少有一个舞台，我们永远都会站在最中央...
摇滚藏獒经典台词
关于摇滚藏獒经典台词 藏獒波弟(Bodi)生长于喜马拉雅山深处一个与世隔绝的世外桃源，本该按家族传...
千与千寻里的经典台词
千与千寻里的经典台词 在日新月异的现代社会中，需要使用台词的情况越来越多，台词起着解释镜头内容和推...
在升学宴上的嘉宾代表致辞
在升学宴上的嘉宾代表致辞在升学宴上的嘉宾代表致辞 尊敬的各位嘉宾，女士们，先生们： 大家上午...
你的名字经典名台词
你的名字经典名台词 1、重要的人，不想忘记的人，绝不能忘记的人，是谁？ 2、我们的相遇绝不是偶然...
公司开业庆典主持词
公司开业庆典主持词15篇 主持词可以采用和历史文化有关的表述方法去写作以提升活动的文化内涵。在当今...
说方言郭德纲相声台词
说方言郭德纲相声台词 各位有认识我，有不认识。我是相声界非著名相声演员郭德纲。和小编一起来看看下文...
幼儿园毕业典礼主持稿开场白
幼儿园大班孩子即将挥别母校，那么在毕业典礼上应该如何说好主持词呢，以下是CN人才小编搜集并整理的...
小班元旦主持词
导语：幼儿园举办元旦晚会主持词怎么说？以下是小编整理的小班元旦主持词，欢迎阅读参考。小班元旦主持词a...
公司结训主持词
公司结训主持词 主持词要根据活动对象的不同去设置不同的主持词。时代不断在进步，各种场合中活跃现场气...
读书分享会的精彩主持词
读书分享会的精彩主持词 由主持人于节目进行过程中串联节目的串联词。如今的各种演出活动和集会中，主持...
幼儿园运动会入场主持词
有关幼儿园运动会入场主持词（精选12篇） 契合现场环境的主持词能给集会带来双倍的效果。随着社会一步...
毕业30年同学聚会致辞
毕业30年同学聚会致辞 毕业30年同学聚会致辞 2013年7月13日下午在吉安市林业局食堂三...
报告会主持词
【精选】报告会主持词4篇 主持词没有固定的格式，他的最大特点就是富有个性。在当今中国社会，主持成为...