CSS是一種可以將HTML文檔渲染成漂亮頁面的強大語言,下面是一些關于CSS的經典語句:
/* 選中所有元素 */ * { margin: 0; padding: 0; } /* 禁用文本選中效果 */ user-select: none; -webkit-user-select: none; /* 讓文本在一行內溢出部分顯示省略號 */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /* 水平居中 */ margin: 0 auto; /* 垂直居中 */ display: flex; align-items: center; justify-content: center; /* 絕對定位時,元素垂直和水平居中 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 清除浮動 */ .clearfix:after { content: ""; display: block; clear: both; } /* 背景漸變 */ background: linear-gradient(to bottom right, #1E90FF, #00BFFF); /* 字體圖標 */ font-family: 'Font Awesome 5 Free'; content: '\f067'; /* 元素沿著一個路徑運動 */ path { stroke-dasharray: $itemLength; stroke-dashoffset: $itemLength; animation: stroke-offset 1s ease-in-out forwards; } /* 鼠標懸停效果 */ :hover { color: #1E90FF; background-color: #F0F8FF; border: 1px solid #1E90FF; } /* 媒體查詢 */ @media (max-width: 768px) { /* some rules */ }
以上這些經典語句可以幫助我們更高效地編寫CSS代碼,當然,還有更多有用的技巧和實現方法等待我們去學習和探索。