文本陰影(text-shadow):(,,,)水平的偏移值,垂直方向的偏移量,模糊度,陰影顏色字體
box-shadow(元素陰影):(,,,,)水平的偏移值,垂直方向的偏移量,模糊度,陰影顏色,外延值url
text-overflow文本溢出spa
word-wrap(換行):break-all讓連續的文字斷行圖片
引用字體庫:@font-face{}ip
font-family{設置爲定義的字體庫}容器
顏色:rgba( , , , 0-1透明度):對話框/hsl(色調,飽和度,亮度)/hsla/rgb(0-255)cli
邊框:(border-radius:半徑;可設置多個值(左上,右下/右上和左下一致)邊框圓角)eg(五環);引用
border-image:url() (邊框大小) round(拉伸填滿)/repeat(重複);//邊框圖片;必須設置邊框大小im
背景:(背景默認是從padding開始填充)word
background-origin(背景開始的地方(原點)):padding-box;原點/context-box(從內容開始);/border-box(從邊框開始);
background-clip(背景裁切):content-box;(從內容開始,將內容前面的背景(padding/border)切掉);padding-box;()/border-box();/text(用字去裁切背景
font-weight:bolder/bold;加粗
background-size(背景大小):200px 200px(水平 垂直高度)/cover(覆蓋:圖片會等比例縮放,直到兩邊都覆蓋容器,背景可能會出去)/contain(包含:圖片等比例縮放,直到一邊覆蓋到容器,背景不會出去) ;
多背景:background:url() 10 10(位置),url() 100 100(位置);
背景漸變:background:linear-gradient線性的(to butom(從上到下), #f00,#0f0);