CSS 樣式重置 公共樣式

2021-08-03 11:08:23 字數 697 閱讀 8045

《我的部落格地圖》

作為前端工程師,需要不斷的去總結和積累有共性的**,這對於開發來說事半功倍。在書寫樣式檔案時,公共樣式和樣式重置(樣式初始化)每次都會用到。

1、公共樣式

//按鈕公共樣式

.btn

.btn_primary

.btn_primaryact

.btn_danger

.btn_warning

.btn_s

.btn_m

.btn_l

//顏色

.color_theme   /* 主題顏色 */

.color_important

.color_primary   /* 常規的顏色 */

.color_sub

.color_danger

.fb//布局

.fl.fr

.clear

.clearfix

.clearfix::after

.flex

.flex_ver  /* 垂直居中 */

.flex_hor  /* 水平居中 */

.flex_jus  /*  兩端對齊*/

.show

.hide

2、樣式重置

image::after//去除下邊線

button::after//去除下邊線

3、樣式初始化

css樣式重置

作為一名切圖仔,經常會遇到頭疼的各大瀏覽器相容性問題,確切的說是相容它們 預設 的css樣式表。重置樣式成為我們為我們的網頁梳妝打扮的第一步,也是關鍵性的一步。以前我這樣重置樣式 body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,u...

css樣式重置

1.缺點 稍微影響效能 優點 不用考慮哪些標籤有預設樣式ula 取消連線下劃線 img問題現象 內容跟容器底部出現縫隙 內聯元素的對齊方式是按照文字基線對齊的,而不是文字底線對齊的 2.寫具體頁面的時候或乙個布局效果的時候 1.寫結構 2.css重置樣式 3.寫具體樣式 3.浮動 概念 脫離文件流,...

css公共樣式

建議是找到其中自己需要的,不要全盤照搬 第一種pc端公共樣式 strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,t...