css樣式總結

2021-09-26 03:28:35 字數 715 閱讀 1412

1.div在div中上下居中

父元素 :display:flex;align-item:center;
2.flex布局

display:flex;flex-wrap:wrap;justify-content:space-between;
3.文字劃線

text-decoration: none(沒有) | blink(閃爍) | underline(下劃線) | line-through(貫穿線) | overline(上劃線)
4.input預設樣式去除

border:none;background:none;outline:none;
5.設定div長度,超出部分省略號顯示

width: 100px;  /*設定寬度*/

white-space: nowrap; /*強制不換行*/

overflow: hidden; /*溢位隱藏*/

text-overflow: ellipsis; /*以省略號...顯示*/

7.滾動條隱藏 但仍可以滾動

.scroll-box::-webkit-scrollbar 

.scroll-box

css樣式總結

一 浮動及清除 1.float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,在 css 中,任何元素都可以浮動。浮動元素會生成乙個塊級框。值描述 left 元素向左浮動 right 元素向右浮動 none 不浮動 預設 inherit 繼承父類的float屬性 2.浮...

css樣式總結

web前端開發css基礎樣式總結 顏色和單位的使用 顏色用顏色的名字表示顏色,比如 red 用16進製表示演示 比如 ff0000 用rgb數值表示顏色,rgb 紅,綠,藍 每個值都在0 255之間 一般都用16進製表示顏色 單位px 畫素,與解析度設定相關.相對於瀏覽器的百分之多少,可以對寬度wi...

常用css樣式總結

1.超出顯示省略號 title 超出兩行顯示.overflow hidden text overflow ellipsis display webkit box webkit line clamp 2 webkit box orient vertical 2.內容局左居中對齊 tip content...