前端基础：字体图标的声明，专业的前端都是用复制的吗？ 等等
本帖最后由 clearwater 于 2020-1-7 18:52 编辑************
1、拜托，毒舌大神口下留情、水神别来灌水，这两类人请绕路走。
2、前两个回复，并且能帮助我理解的（优质的答案），我这一二天会给好评，现在没有能量。后面的回复的大神，如果答案雷同，就没有评分了，只能口头感谢。每天的热心有限。
*****************
请教大神几个问题：我在跟某马的前端视频学习。
1、在视频中，老师教，他是从icomoon下载字体图标的。他提到下面这一大堆 字体图标的声明不用背，到时复制到html里面。我想请教一下，专业的前端人员在工作时也是存在电脑的每个地方，然后需要时打开文件调出来吗？（见下面代码的第一部分）
2、在视频中，老师没有提CSS的初始化，要不要背。他只是把这些代码都写好了。如果专业的前端写自己的项目，他们是复制过去（雷同的），还是自己写呢？（见下面代码的第二部分）
3. < meta name =”description“ content="" />
<meta name="keywords“ content=""/>
<link rel="shortcut icon" href="favicon.ico"type="image/x-icon"/>
这三个在Emmet里有快捷的方式吗？
@font-face {
/*1. 这个字体名称要注意 icomoon*/
font-family: 'icomoon';
/*2. 一定要注意路径的问题*/
src:url('fonts/icomoon.eot?7kkyc2');
src:url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
url('fonts/icomoon.woff?7kkyc2') format('woff'),
url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/*清除元素默认的内外边距*/
* {
margin: 0;
padding: 0
}
/*让所有斜体 不倾斜*/
em,
i {
font-style: normal;
}
/*去掉列表前面的小点*/
li {
list-style: none;
}
/*图片没有边框 去掉图片底侧的空白缝隙*/
img {
border: 0;/*ie6*/
vertical-align: middle;
}
/*让button 按钮 变成小手*/
button {
cursor: pointer;
}
/*取消链接的下划线*/
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #e33333;
}
button,
input {
font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
/*取消轮廓线 蓝色的*/
outline: none;
}
body {
background-color: #fff;
font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
color: #666
}
.hide,
.none {
display: none;
}
/*清除浮动*/
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
.clearfix {
*zoom: 1
}
写代码其实都是差不多的，有些东西知道是啥就行，只要方便，复制还是手敲，都随你的 本帖最后由 快乐小风 于 2020-1-7 18:05 编辑
后端菜鸟路过
1. 不清楚,用的少
2. 这些初始化的标签,你写多了或者公司的项目都已经写好了,慢慢的你在开始新的项目的时都会初始化一些标签
3. vscode和sublime好像不带这几个标签,不过可以使用vscode的自定义模版功能,把这几个标签放进去
1.一般的字体名不用背。但是字体声明的格式还需需要记的，如果不记得里一般都是直接查官方文档或者百度
2.css 肯定得自己写，他可能是因为这个教学部分的注重点不在这，这种情况下一般只会讲主要想说明的部分代码
实际工作中可没有人给你代码复制，都是需要自己写的
3.
mete
mete
link 本帖最后由 clearwater 于 2020-1-7 18:07 编辑
谢谢楼中各位的帮助。 会用就行了字体图标公司要不是有自己的要不是网上的.你后面的css文件也有通用的css文件初始化导入的名字叫normalize.css,你可以百度研究下 写代码这玩意，熟能生巧，常用的写多了自然就熟悉了，至于你说的那些字体，没有背的必要。前端你记好常用的样式，怎么布局，js一些函数，就好了。其实真的没有刻意去记 就是熟能生巧。忘记了就百度一下，又不是不让你百度。我看你还是很认真学习以及虚心请教的，非常好。希望能帮到你。 学就完了 不要顾虑太多，后边的路还长着呢，你这才刚入门。 15774211127 发表于 2020-1-7 18:04
1.一般的字体名不用背。但是字体声明的格式还需需要记的，如果不记得里一般都是直接查官方文档或者百度
2. ...
谢谢楼中各位大神的热心回复。
157大神。请教第三个问题，是不是我要把下面所有的代码都打出来？ 然后再敲tab? 我试过了，确实是可以，不过这样的话，我还不如全部都自己写出来，这些代码不比我手动打简单呀？
另外，视频里，老师是用meta 而非mete 这两个是可以互换的，通用的吗？
mete
mete
link clearwater 发表于 2020-1-7 18:14
谢谢楼中各位大神的热心回复。
157大神。请教第三个问题，是不是我要把下面所有的代码都打出来？ 然后 ...
meta是我打错字了{:301_998:}
然后emment简写是一组有规则的代码，不是快捷键
对于你这段代码，我暂时没有想到精简的方式，因为我也不是经常用emment
但是对于常用的一些代码是非常方便的，比如
<div class=“name” id=“id1”>
<div class=“class2"></div>
</div>
可以简写成
div.name#id1>div.class2
或者还有一些重复动作，可以非常方便
比如
li*100
写100个li标签
页:
[1]
2