本帖最后由 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里有快捷的方式吗？
[CSS] 纯文本查看 复制代码 @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;
}
[CSS] 纯文本查看 复制代码 /*清除元素默认的内外边距 */
* {
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 17:45
|
发表于 2020-1-7 18:05
