object-fit
object-fit屬性指定元素的內容應該如何去適應指定容器的高度與寬度。
object-fit一般用於img和video標籤，一般可以對這些元素進行保留原始比例的剪下、縮放或者直接進行拉伸等。
菜鳥教程位址
屬性描述
fill
預設，不保證保持原有的比例，內容拉伸填充整個內容容器。
contain
保持原有尺寸比例。內容被縮放。
cover
保持原有尺寸比例。但部分內容可能被剪下。
none
保留原有元素內容的長度和寬度，也就是說內容不會被重置。
scale-down
保持原有尺寸比例。內容的尺寸與 none 或 contain 中的乙個相同，取決於它們兩個之間誰得到的物件尺寸會更小一些。
initial
設定為預設值。
inherit
從該元素的父元素繼承屬性。
CSS樣式整理
不同裝飾作用同乙個元素，其值會替換，而不積累。線性漸變 background linear gradient to top，green，red，徑向漸變 font face 字型檔案路徑 用邊框畫三角形 none 不指定影象 無序列表 ul 即unorder list 有序列表 ol 即order ...
css常用樣式整理 flex樣式整理
css3的flex布局已經是前端必會，想學flex布局的話，推薦大家看阮一峰的網路日誌 flex 布局教程 語法篇，這裡只是複習一下flex布局的常用屬性 justify content align items flex align content。flex布局 常用屬性 justify conte...
前端基礎 CSS樣式
css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...