字体图标的使用

 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>字体图标的使用</title>
  <style>
    /* 字体声明 */
     @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?p4ssmb');
  src:  url('fonts/icomoon.eot?p4ssmb#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?p4ssmb') format('truetype'),
    url('fonts/icomoon.woff?p4ssmb') format('woff'),
    url('fonts/icomoon.svg?p4ssmb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

  span {
    font-family: 'icomoon';
    font-size: 100px;
    color:pink;
  }
  </style>
</head>

<body>
    <span></span>
    <span></span>
</body>

</html>

 

推荐这些文章:

锟斤铐

输出的结果是多少?
1. //123

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var a = 123;
function fun(){
alert(a);
}
fun();
</script...

29js基础,循环

<head> <meta charset="UTF-8"> <title>8循环结构</title></head><body> <script> //1,while循环 //2,do-while循环 //1,for循环 for (var i = 0; i <100 ; i++) { document.writeln(i+1+"<br>") } </script>&l...

页面结构分析

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面结构分析</title>
</head>
<body>
<header>
<h2>网页头部</h2>
</header>

<section>
<h2>网页主体</h2>
</section>

<footer>
...

两个span标签之间的缝隙

span直接一行
 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
span{
background-color: red;
}
</style>
</head>
&...

1.网页代码基本构造

 

1 <!DOCTYPE html>
2 <html lang="en">
3 <head><!-- 头部 -->
4 <meta charset="utf-8" />
5 <title></title>
6 </head>
7 <body><!-- 身体 -->
8 </body>
9 </html>

 

...

去除button默认样式

不加样式之前的: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> </style> </head> <body> <button>按钮</button> </body> </html>...

HTML固定的头部

1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8
9 </body>
10 </html>

 

1 <!DOCTYPE html>
2 <html lang="en">
3 <head>...

HTML的骨架标签

 
 

<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

 

...

JS三种书写位置

1.行内式
直接写到元素的内部
例如:

<body>
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>

2.内嵌式
例如:

<head>
<meta charset="UTF-8">

<title>Document</title>

<script>
alert('沙漠骆驼')
</script>
</head>

3.外部式
例如:

&...

HTML 文本格式化标签

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body...

文章标题:字体图标的使用
文章链接:https://www.dianjilingqu.com/51163.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>