CSS樣式工具類

1.字型超出框處理

-> 父元素
text-overflow
:ellipsis;
overflow
: hidden;
white-space
: nowrap;

2.各類居中

->已知子元素寬高
父元素 position
:relative;
子元素 position
:absolute;
left
:50%;
margin-left
:-1/2子盒子寬;
top:50%;
margin-top
:-1/2子盒子高;
->flex彈性盒子：用flex實現垂直居中
父元素 display
:flex;
align-items
:center; 
子元素 display
:flex;
align-items
:center;
justify-content
:center;
flex-direction
:column;

3.左右適配布局

.left .right

4.大於號美化

consola字型

5.偽類三角形

content
: "";
position
: absolute;
top: 3.3rem;
left
: 50%;
margin-left
: -0.8rem;
width
: 0rem;
height
: 0rem;
border
: .8rem solid transparent;
border-top-color
: #46cd71;

6.清除input在ios的預設樣式

input[type="submit"],
input[type="reset"],
input[type="button"],
button 
.apibtn
::before
.apibtn
::after
@keyframes linea
25%50%
75%}@keyframes lineb
25%50%
75%}

8.頁面字型不可選擇

-moz
-user
-select: none;
-khtml
-user
-select: none;
user-select: none;

jQuery 操作css 設定類樣式

1.引數只寫屬性名，則返回屬性值 this css color 2.引數是屬性名，屬性值，逗號分隔，是設定一組樣式，屬性必須加引號，值如果是數字可以不用跟單位和引號 this css color red this css height 400 3.引數可以是物件形式。屬性名和屬性值用逗號隔開，屬性可...

CSS字型樣式屬性除錯工具

目標注意 pp常用技巧 1.各種字型之間必須使用英文狀態下的逗號隔開。2.中文字型需要加英文狀態下的引號，英文本型一般不需要加引號。當需要設定英文本型時，英文本型名必須位於中文字型名之前。3.如果字型名中包含空格等符號，則該字型必須加英文狀態下的單引號或雙引號，例如font family tim...

CSS樣式工具類

jQuery 操作css 設定類樣式

CSS字型樣式屬性除錯工具

CSS字型樣式屬性除錯工具

相關推薦