樣式模板快捷鍵設置

08.12自我總結

樣式模板快捷鍵設置

一.Bootstrap 樣式載入

https://v3.bootcss.com/css/

目前3+版本比較穩定,4+有些樣式可能無法顏色

點擊起步,選擇樣式

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可選的 Bootstrap 主題文件（通常不用引入） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

複製粘貼便可

注意:可選的 Bootstrap 主題文件通常不導入

導入後更具提示選擇對應的class改變他的類,若是他每提示好比圖標你能夠F12裏面看圖標的源碼

二.圖標樣式網站

Font Awesome 中文網

三.全部經常使用的樣式的CDN

BootCDN

四.ui模板

layui