欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

样式模板快捷键设置

程序员文章站 2022-06-24 09:14:36
08.12自我总结 样式模板快捷键设置 一.Bootstrap 样式载入 目前3+版本比较稳定,4+有些样式可能没法颜色 点击 ,选择样式 复制粘贴即可 注意 :可选的 Bootstrap 主题文件一般不导入 导入后更具提示选择对应的class改变他的类,如果他每提示比如图标你可以F12里面看图标的 ......

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