CSS是一個前端開發者不可或缺的重要技能,除了掌握其它更高級的技能,它的基礎也是需要掌握的。
在排版文字中,CSS可以讓我們的文本變得更加好看且易于閱讀。下面是一些CSS技巧可以讓你設計出更好的排版:
/* 1、使用不同的字體權重和大小 */ h1 { font-size: 36px; font-weight: bold; } h2 { font-size: 28px; font-weight: normal; } /* 2、使用不同的字體樣式 */ body { font-family: Arial, sans-serif; } blockquote { font-family: Georgia, serif; font-style: italic; } /* 3、設置文本行高 */ p, ul, ol { line-height: 1.5; } /* 4、使用不同的文本顏色 */ h1, h2, h3 { color: #333; } a { color: #0071c5; } /* 5、使用文本陰影 */ h1 { text-shadow: 2px 2px #eee; } /* 6、使用文字縮進 */ p { text-indent: 2em; } /* 7、使用下劃線 */ a:hover { text-decoration: underline; } /* 8、使用字符間距 */ h1 { letter-spacing: 1px; } /* 9、文本對齊 */ p { text-align: justify; } /* 10、設置文本縮放 */ body { font-size: 16px; } @media screen and (min-width: 768px) { body { font-size: 20px; } }
這些技巧只是CSS樣式表中的一部分,使用它們可以使您的文本更加可讀,并且可以提高網站的整體質量。
上一篇css怎么查看圖片
下一篇css怎么樣取消父級屬性