作為中國知名的問答社區,知乎網頁設計得非常細致入微,其中 CSS 的運用也發揮了重要作用。那么在編寫知乎網頁時,我們應該注意哪些 CSS 技巧呢?下面我將分享一些個人的經驗。
/* 1、使用 CSS Reset */
body, h1, h2, h3, p, ul, li, a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* 2、采用 Flexbox 布局 */
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
/* 3、使用 REM 單位 */
html {
font-size: 62.5%;
}
/* 4、使用 vh、vw 單位 */
.hero-image {
height: 100vh;
background-image: url("https://url.to/image");
}
/* 5、使用漸變色 */
.button {
background: linear-gradient(to right, #FF647C, #FFA56C);
color: white;
}
/* 6、處理文字換行 */
p {
word-wrap: break-word;
overflow-wrap: break-word;
}
以上就是我個人在編寫知乎網頁時常用的一些 CSS 技巧。希望可以對大家有所幫助。