CodePen 简单导入 CDN

在讲CDN之前,先跟初使用CodePen的朋朋们告知一下,CodePen的 html栏位是不需要再加入 像是, , 标籤。因为这个栏位意义上来说就是html 里面的 body,不然就很像你在 里面又写一个。

正文: CodePen设定介绍与导入CDN

CodePen里面的工具栏位的[seting],或是写code栏位旁边会有齿轮图案的icon,都可以点进去
如图:
http://img2.58codes.com/2024/20135414aoAENaoTjH.png

点进去后,在Html页面下面那一栏可以贴放在head的东西,例如googlefont连结,你自己的css等。
http://img2.58codes.com/2024/201354143z4UgDkL3h.png

如果点进css 或是javascript那一页,滑到下面,有用来贴上网址的区域,举bootstrap cdn 为例,我在那两页贴上css cdn 与 javascript cdn
css cdn
http://img2.58codes.com/2024/2013541493tz2UPQ4M.png

javascript cdn
http://img2.58codes.com/2024/2013541457bsxI9EbR.png

好了之后在bootstrap官方文件找元件贴上测试,有显示样式代表成功
http://img2.58codes.com/2024/20135414hLxpIiPzaa.png

範例

以上希望能帮到你


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章