比较实用的css样式有哪些
时间: 2023-11-26 13:04:51 浏览: 125
以下是一些比较实用的CSS样式:
1. 盒模型: `box-sizing: border-box;` 可以使元素的宽度和高度包括内边距和边框。
2. 清除默认样式:`* { margin: 0; padding: 0; }` 可以清除所有元素的默认外边距和内边距。
3. 文字省略号:`text-overflow: ellipsis;` 当文本溢出其容器时,可以用省略号代替。
4. 居中:`margin: auto;` 可以将元素水平居中。
5. 背景透明:`background-color: transparent;` 可以使元素的背景透明。
6. 文字阴影:`text-shadow: 1px 1px 1px #000;` 可以为文本添加阴影效果。
7. 圆角: `border-radius: 5px;` 可以将元素的边角变成圆角。
8. 边框: `border: 1px solid #000;` 可以为元素添加边框。
9. 渐变背景:`background: linear-gradient(to bottom, #fff, #000);` 可以为元素添加渐变背景。
10. 盒阴影:`box-shadow: 0 0 10px #000;` 可以为元素添加盒阴影效果。
以上样式都是比较常用和实用的CSS样式。
阅读全文