overflow:hidden text-overflow:ellipsis
white-space:nowrap不换行
先上效果圖 前置知識 <circle> 定義一個圓 circle有三個屬性 cx=“圓的x軸座標” cy=“圓的y軸座標” r=“圓的半徑” svg的基本屬性 fill 填充 stroke 描邊顏色 stro
1、一行 white-space:nowrap; text-overflow:ellipsis; overflow:hidden; 2、多行（兩行爲例） css代碼如下： display:-webkit-box; -webkit-box-
總結一下項目中常見的文本和字體的樣式設置 文本 text-align-last： 段落的最後一行的對齊方式 // 末尾右對齊 p{ text-align-last: right;} text-decoration 文本修飾，下劃線
原文鏈接：https://blog.csdn.net/tan1071923745/article/details/81162667 此篇博客爲轉載內容，做個記錄，方便自己日後查找使用 總結下面的內容，最簡單的方式是給需要操作的
先將html和body元素的height都設置爲100%,然後將其overflow設置爲hidden即可 html,body{ height:100%; overflow:hidden; }
html <div class="scalable"> <div class="content"> <img src="https://codingstartup.com/images/logo.svg" alt=""
方案一、性能比方案二好 /*將最外層元素都撐開到100%屏幕*/ html,body{ width:100%; height:100%; } body{ text-align:center; } body:after{ c
描邊： 主流瀏覽器都支持 -webkit-text-stroke:<length> <color>; -webkit-text-stroke:4px pink;/*描邊寬度4px，字體顏色粉紅*/ 倒影：谷歌、safari、op
white-space:nowrap
通過margin 將div居中 margin:0 auto;
優先級由高到低（高是 最終css顯示的效果） 用戶的重要聲明(最大)：!important> 程序員寫的重要聲明： !important> 內聯(標籤中的style直接寫的那種)> id選擇器> 類選擇器、屬性選擇器、僞類> 元素
box-shadow與box-shadow多了一個參數，用來控制陰影大小，就是這裏的0px 第一個和第二個參數是控制陰影的偏移量，第三個是模糊程度，第四個是控制陰影大小（負值可以縮小陰影），第5個是控制陰影顏色可以使用rgba()
text-shadow 爲文字添加陰影。可以爲文字與 text-decorations 添加多個陰影，陰影值之間用逗號隔開。每個陰影值由元素在X和Y方向的偏移量、模糊半徑和顏色值組成。 text-shadow: 10px 10
用到了僞元素before和after <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/cs
static的取值有static、absolute、relative、fixed、sticky html中元素的默認position的值爲static， static（html默認的定位方式） 會隨着html的排版（flow）移動
