前端组件-semantic UI
东郭阳德
1.引入框架
......
<head>
<!--引入semantic ui框架-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
</head>
<body>
......
<!--js-->
<!--为了以后更好的开发，这个也引用一下，注意引用顺序-->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
</body>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
......
2,官方文档学习
https://semantic-ui.com/elements/icon.html
注意：
引用Semantic框架的时候，要注意引用的位置，html页面要在head和script里面分别引用css和js，要注意jquery.min.js和semantic.min.js的引用顺序，先query后semantic
类似资料：