總結css常用的樣式

2021-08-14 14:12:04 字數 967 閱讀 1817

會持續更新：

1、強制文字換行

div
2、input更改placeholder顏色

/* webkit browsers */


input::-webkit-input-placeholder 


/* mozilla firefox 4 to 18 */


input:-moz-placeholder 


/* mozilla firefox 19+ */


input::-moz-placeholder 


/* internet explorer 10+ */


input:-ms-input-placeholder
3、螢幕背景撐滿

.bg
4、單個居於垂直平行居中

.scroll-content 


.view_img

5、禁止ios手機端自動識別複製黏貼功能

a
6、偽類更改input選擇背景

.input_checked::before


.input_checked:checked::before
7、清除li浮動撐不開ul的問題（）

.clearfix:before, .clearfix:after 


.clearfix:after 


.clearfix
8、等比例縮放

.div
9、背景漸變

body
10、手機端（ios/android）比較能接受的預設字型

.body-md


.body-ios

常用css樣式總結

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

css常用樣式屬性總結

在css樣式表中，常用樣式屬性 文字屬性 說 明 font size 字型大小 font family 字型型別 font style 字型樣式 color 設定或檢索文字的顏色 text align 文字對齊 背景屬性 說 明 background color 設定背景顏色 background ...

CSS常用文字樣式總結

css文字樣式是相對於內容進行的樣式修飾。由於在層疊關係中，內容要高於背景。所以文字樣式相對而言更加重要。有些人對文字和字型樣式之間的不同不太了解，簡單地講，文字是內容，而字型則用於顯示這個內容。本文將詳細介紹文字相關樣式。首行縮排 定義首行縮排是將段落的第一行縮排，這是常用的文字格式化效果。一般地...