PC端通用CSS是一個能夠應用于各種網站的CSS代碼。
/* 通用CSS代碼 */ body { font-family: Arial, Helvetica, sans-serif; color: #333; background-color: #fff; } /* 鏈接顏色 */ a { color: #0088cc; text-decoration: none; } a:hover { text-decoration: underline; } /* 標題 */ h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-top: 0; margin-bottom: 0.5em; } h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1em; } h5 { font-size: 0.83em; } h6 { font-size: 0.67em; } /* 列表 */ ul, ol { margin-top: 0; margin-bottom: 1em; margin-left: 2em; } li { margin-top: 0.5em; margin-bottom: 0.5em; } /* 圖片 */ img { max-width: 100%; height: auto; } /* 表格 */ table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ccc; padding: 0.5em; text-align: left; } /* 媒體查詢 */ @media screen and (min-width: 768px) { /* PC端樣式 */ }
這些通用的CSS樣式可以用于多種類型的站點,例如博客、企業網站和電子商務網站等。使用這些樣式可以為網站提供一致的外觀和感覺,增加用戶的易用性和滿意度。
上一篇php與css代碼混編
下一篇css遮罩層沒有滾動條