安裝 reCAPTCHA v3 之後，頁面右下角就會多出隱私權圖標這東西，在某些場合可能需要把它隱藏起來，可以透過下面方式隱藏
注意：請不要使用
display: none這可能會使reCAPTCHA v3失去作用
https://wordpress.org/support/topic/how-do-i-hide-recaptcha-v3-badge/
https://wordpress.org/support/topic/recaptcha-v3-badge-is-displayed-on-all-pages-not-only-form-pages/
[……]
此作法前提，需要 iframe 內容在相同網域下
https://stackoverflow.com/questions/6494721/override-body-style-for-content-in-an-iframe
[……]
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
[……]
<style>
/* 水平鏡射 */
.flipx {
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
}
/* 垂直鏡射 */
.flipy {
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
filter:FlipV;
}
</style>
[……]
客戶反映在IE結尾都有奇怪的框框，原來還有人在用IE阿？
好吧！想辦法解決
原本以為這是邊框，所以天真的想說CSS加個 border:none 就解了，果然是我太天真，完全沒動！！
Google 一下，這似乎跟網路字型的Bug有關，使用下方的 CSS 就解囉
/* https://vector.cool */
/* 消除 IE <br> 的詭異框框 */
br {
font-family: unset !important;
font: unset !important;
}
下圖，詭異的框框都不見了。
[……]
介紹三種換行方式
<style>
/* 強制不換行 */
div{
white-space:nowrap;
}
/* 強制斷行 (英文單詞) */
div{
word-wrap:break-word;
word-break:normal;
}
/* 強制英斷行 (英文單字) */
div{
word-break:break-all;
}
</style>
[……]
HTML提供了一個錨點連結的功能 (anchor tag link)，換頁或不換頁，都可以把瀏覽器卷軸自動捲到錨點位置，但如果網頁上方有一個黏頭的Header (sticky header)，RWD手機版本則習慣使用(sticky header)，Header 懸浮本文之上，可能會把錨點的元素內容遮蔽，這時我們則需要偏移(sticky header)的高度，避免錨點元素被遮蔽。[……]
終於是等到這個功能了，CSS3增加了Calc()這個function進行數值運算，大部分用於容器寬度或高度的計算，這讓CSS的開發更快、靈活度更高並增加重複使用的可能性，Calc()還有一個很棒的優點，可以針對不同單位進行運算。
+
加
–
減
*
乘
/
除
下方範例可以得到欄位寬度，可用來製作自己的網格系統
.column-1 {
width: calc( 100% / 1);
}
.column-2 {
width: calc( 100% / 2);
}
.column-3 {
width: calc( 100% / 3);
}
#element1 {
width: calc(50% - 2em);
}
[……]