CSS樣式初始化

2022-08-02 15:30:18 字數 2199 閱讀 9035

@charset "utf-8";

/*編碼*/

/*document : css樣式初始化

description: css樣式表的初始化,全域性樣式設定。

*//* 全域性css reset */

/* 頁面設定 */

/* 初始化標籤在所有瀏覽器中的margin、padding值 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img

html

/* 酌情修改 */

body

body,th,td,input,select,textarea,button /* 重置頁面文字屬性 */

/* 短引用的內容可取值:''或"" */

blockquote:before, blockquote:after,q:before, q:after /* 重置巢狀引用*/

/* 縮寫,等無邊框 */

fieldset,img,abbr,acronym /* 重置fieldset(表單分組)、的邊框為0*/

img /* 在當前行內的垂直位置 */

abbr,acronym

legend

blockquote, q /* 重置巢狀引用的引號型別 */

/* 清除特殊標記的字型和字型大小 */

address,caption,cite,code,dfn,em,strong,th,var /* 重置樣式標籤的樣式 */

/* 上下標 */

/* 統一上標和下標 */

sub,sup

supsub

/* 設定**的邊框被合併為乙個單一的邊框, 指定分隔邊框模型中單元格邊界之間的距離為0*/

/* **標題及內容居左顯示 */

caption /* 重置**標題為隱藏 */

caption,th

/* 清除列表樣式 */

dl,ul,ol,menu,li /* 重置類表前導符號為onne,menu在html5中有效 */

input,button,textarea,select,optgroup,option/* 輸入控制項字型 */

input,select,textarea,button /* 重置表單控制項垂直居中*/

textarea

input[type="submit"]/* 滑鼠樣式 */

button /* 重置表單button按鈕效果 */

input::-moz-focus-inner

/* 標題元素樣式清除, 讓標題都自定義, 適應多個系統應用 */

h1,h2,h3,h4,h5,h6

/* 鏈結樣式,顏色可酌情修改 */

a:link {}/* 未訪問的鏈結 */

a:visited {}/* 已訪問的鏈結 */

a:hover {}/* 滑鼠移動到鏈結上 */

a:active {}/* 選定的鏈結 */

del,ins,a

a:hover,a:active,a:focus /* 取消a標籤點選後的虛線框 */

a:active /* 設定頁面文字等在拖動滑鼠選中情況下的背景色與文字顏色 */

/*::selection

::-moz-selection

*/a/*css3鏈結秒數緩衝效果2秒*/

/* 層板塊緩衝效果css3 transition: all 0.3s ease 0s; */

.clearfix

.clearfix:after

.f_yh/*f_yh為英文本型樣式*/

.cursor

.pr/*相對定位*/

.pa/*絕對定位*/

.fl/*左浮動*/

.fr/*右浮動*/

.fl,.fr/*浮動後,此元素會被顯示為內聯元素,元素前後沒有換行符*/

/*文字顏色c,背景顏色bc*/

.c1.c2

.c3.c4

.c5.bc1

.bc2

.bc3

/*上邊距*/

.mt1

.mt2

.mt3

.mt4

.mt5

CSS初始化樣式

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,selectbodyaa hoveremliimgtablep body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,...

CSS初始化樣式

css為什麼要初始化?建站老手都知道,這是為了考慮到瀏覽器的相容問題,其實不同瀏覽器對有些標籤的預設值是不同的,如果沒對css初始化往往會出現瀏覽器之間的頁面差異。當然,初始化樣式會對seo有一定的影響,但魚和熊掌不可兼得,但力求影響最小的情況下初始化。body,ol,ul,h1,h2,h3,h4,...

CSS樣式初始化

css樣式初始化原因 不同瀏覽器對每種的標籤都有預設的樣式,大部分瀏覽器的預設樣式還有點區別。所以為了保證 讓所有的標籤的預設樣式清零,也就是重置,以便於我們後續的開發和管理,一般都會在 一開始 對所有標籤做一下樣式的 重置操作。比如 body 標籤有預設的margin 8px。ul標籤 有預設的l...