微网站建设包含,唐山制作网站软件,从哪些方面建设网站,新项目首码发布渠道#x1f31f;所属专栏#xff1a;前端只因变凤凰之路#x1f414;作者简介#xff1a;rchjr——五带信管菜只因一枚#x1f62e;前言#xff1a;该系列将持续更新前端的相关学习笔记#xff0c;欢迎和我一样的小白订阅#xff0c;一起学习共同进步~#x1f449;文章简…所属专栏前端只因变凤凰之路作者简介rchjr——五带信管菜只因一枚前言该系列将持续更新前端的相关学习笔记欢迎和我一样的小白订阅一起学习共同进步~文章简介本文介绍CSS一些提升写前端代码的效率。知识学习内容来自b站的黑马程序员的视频1 学习Emmet语法所谓的Emmet语法就是帮助我们快速生成前端代码的一些语法。利用它就可以提高我们写前端代码的效率。适用语言HTML、CSS。这两个都有对应的Emmet语法快速生成相应代码。如何使用在Vscode中已经自动集成了这个语法只要按照对应的语法规则写代码就可以实现。1.1 Emmet语法快速生成HTML结构生成某一个标签直接输入标签名然后按tab键生成多个同一类型标签输入标签名然后*数字即可如果要生成有父子关系的几个标签用 连接即可。如ul li如果是要生成并列的几个标签用 即可。如div p如果要让标签带类名或者id名字写标签名 .类名或者标签名#id名。如div.leiming、p#idming1.2 Emmet语法快速生成CSS样式CSS中只要输入属性的简写属性值即可。例如width200px只要输入w200 | height600px只要输入h600 | line-height16px只要输入lh16即可。更多的需要自己在实战中多积累经验但是记住一般是属性简写属性值就可以2 快速格式化代码格式化代码就是写的代码看上去比较乱需要快速整理成推荐的格式。那么这里Vscode的快捷键就是Shift Alt F。不同编辑器可能不太一样这里推荐用Vscode。2.1 自动格式化代码所谓自动格式化代码就是每次写完代码进行保存后页面会自动的格式化代码我们连快捷键都不需要按。这里依旧以Vscode为例介绍如何实现找到设置输入formation然后勾选如下设置即可
