多行文字溢位隱藏
字型大小10px
樣式穿透
flex實現換行平均分布
font屬性的快捷寫法
link狀態的設定順序
hover視覺層換圖
增加icon按鈕熱點區域
高效能圖形繪製
normalize.css在預設的html元素樣式上提供了跨瀏覽器的高度一致性。
支援包括手機瀏覽器在內的超多瀏覽器。
link直達
疫情期間，哀悼日**變成灰色，前端如何實現的呢？
filter grayscale 一行**即可
body>*// 底色旋轉 實現換膚
html
body
// 漸變效果
.colourbox
@keyframes pulse
to }
// 單行文字
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
// 多行文字
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; // 行數
-webkit-box-orient: vertical;
font-size:10px;
-webkit-transform:scale(0.8);
div// 等邊三角形
div
// 等腰三角形
div
//梯形
div
html css 關於浮動的方式
1.在 the standard flow中內容的高度可以support父元素的高度 2.在 the standard flow中浮動的元素can not support父元素的高度 1.清除浮動的方式 給前面乙個父元素設定高度 notice 在企業開發中能不寫就不寫高度，這種方式用的很少 清除浮動...
我的前端知識梳理 HTML，CSS篇
1.行內樣式 1000 2.id 0100 3.類選擇器 偽類選擇器 屬性選擇器 type text 0010 4.標籤選擇器 偽元素選擇器 first line 0001 5.萬用字元 子選擇器 相鄰選擇器 0000 1 顏色 新增rgba hsla模式 2 文字陰影 text shadow 3 ...
HTML CSS33 關於居中的總結
html結構 你好 公共樣式 container text 1 使用text align center 對於行內元素，可以直接使用text align center來水平居中 container 2 使用margin 0 auto 對於寬度確定的塊級元素，可以使用margin 0 auto來水平居中...