第05天 - 一些些的Bootstrap、CSS
1.首先是 Bootstrap 的用法，其实就是 【1.引入它 ； 2.复制它】
引入的部分在【第03天 - 环境建立(下)】的文章有说明。
复制的话去以下面官网，它有许多范例可以复制。
https://bootstrap5.hexschool.com/docs/5.0/components/alerts/
以上面的网址中【警报(Alerts)】举例:
我的理解是，如果只是想引用 Bootstrap 所给的外观的话，只要复制其 class的值 就好，
但倘若它牵扯到 JS 相关的应用(如弹跳视窗)，就建议全复制，再做小改。
提到弹跳视窗，之前用 Bootstrap 给的范例做【删除确认】，不知哪里没弄好，它只会删除最後一项，
最後只好再额外查别人写好的 JS 来解决(我对 JS 非常不熟)。
<!-- 0.官网范例之一 -->
<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!
</div><br>
<!-- 1.单纯改文字内容 -->
<div class="alert alert-primary" role="alert">
很单纯的改了一下
</div><br>
<!-- 2.class几乎没有说限制只能对应哪些标签 -->
<button class="alert alert-primary">
这是按钮，样式却是 警报alert，没有说 class 要强制对应哪些标签
</button><br>
<!-- 3.可以额外的再改它的外观 (如:用 style 来改颜色、宽度) -->
<!-- style 李不同的东西记得要用分号隔开，否则它不会套用 -->
<button class="alert alert-primary" style="background-color: #DC9090; width: 400px;height: 300px;">
这是按钮，样式却是 警报alert，没有说 class 要强制对应哪些标签<br>
然後我换成红色
</button>
<!-- 4.可以额外的再改它的外观 (如:用 CSS 来改颜色、宽度) -->
<!-- style 里不同的东西记得要用分号隔开，否则它不会套用 -->
<button class="alert alert-primary" id="d_color">
我被 CSS 了
</button><br>
<!-- <br>这是换行的标签 -->
<!-- background-color 是改背景颜色 -->
<!-- 颜色代码我是用【第01天 - 写网页的工具准备】提到的外挂 -->
<!-- width 是宽度，单位可以是 px 和 % -->
<!-- height 是高度，单位可以是 px 和 % -->
<style type="text/css">
#d_color{
background-color: #E8E07C;
width: 100px;
height: 200px;
}
</style>
上面改外观的方法我是用 style ，但听说这样容易造成画面凌乱，建议额外写CSS
(不过我觉得 style ，比较方便我做修改)
CSS的语法可以参考下列网址
https://code.tutsplus.com/zh-hant/tutorials/the-30-css-selectors-you-must-memorize--net-16048
CSS的写法:
1.如上面程序码，你可以直接写在同个档案，顺眼的地方 用 style标签 包住。
2.建立一个 .css 档，里面写 CSS 语法，
但是要额外引入，程序码如下(head标签里 ，加入link标签)。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
其中上面 href 的值:
1.如果 .css 档跟你写的网页档(如 .php 或.html)在同个资料夹的话，
值可写想引入的 CSS 之档名，如 style.css。
2.有再往下一层资料夹，href 的值就是【(资料夹名称)/style.css】
3.往上层资料夹的话，我也不知道XD，相关档案别放太远的地方。
今天就先这样，下次见。
[iT铁人赛Day11]JAVA回圈
这次要来细讲回圈了 上次说到回圈有分成：1. for回圈，2. while回圈以及3. do whi...
从设计 docker-compose 开始
现今因为容器的盛行，许多的企业都导入了容器解决方案，使得布署与开发都能加快速度。今天的内容是描述怎麽...
D20-(9/20)-康普(4739)-特斯拉的电池正极材料供应商
注:发文日和截图的日期不一定是同一天，所以价格计算上和当日不同，是很正常的。 声明:这一系列文章并无...
Day2：非同步执行与 Callback 的问题
在前一篇文章中，我们知道依据程序的执行顺序分成两种执行方式，一种是同步(Synchronous) 、...
[Day 11] 第一主餐 pt.4－Djgnao，进化
在上一篇我们成功运行了django专案 今天我们要来加点东西，让我们的django成为一个web框架...