专业编程基础技术教程

网站首页 > 基础教程 正文

《CSS 实战指南》2024 第一章:CSS 基础之三: CSS 的常用属性和样式

ccvgpt 2024-09-09 02:18:41 基础教程 5 ℃

CSS(层叠样式表)是一种用于描述网页文档外观和格式的标记语言。以下是一些常用的CSS属性和样式:

  1. 文本属性:
  2. font-family:设置字体族,如 "Arial", "Times New Roman", "Verdana" 等。
  3. font-size:设置字体大小,如 "12px", "1em", "100%" 等。
  4. font-weight:设置字体粗细,如 "normal", "bold", "bolder" 等。
  5. font-style:设置字体样式,如 "normal", "italic", "oblique" 等。
  6. text-align:设置文本对齐方式,如 "left", "right", "center" 等。
  7. text-decoration:设置文本装饰,如 "none", "underline", "overline", "line-through" 等。
  8. color:设置文本颜色,如 "red", "#FF0000", "rgb(255, 0, 0)" 等。
  9. 背景属性:
  10. background-color:设置背景颜色。
  11. background-image:设置背景图片。
  12. background-repeat:设置背景图片重复方式,如 "no-repeat", "repeat-x", "repeat-y" 等。
  13. background-position:设置背景图片位置,如 "top left", "center center" 等。
  14. background-attachment:设置背景图片是否随页面滚动,如 "fixed", "scroll" 等。
  15. 边框属性:
  16. border:简写属性,设置边框宽度、样式和颜色。
  17. border-width:设置边框宽度,如 "1px", "thin", "medium", "thick" 等。
  18. border-style:设置边框样式,如 "none", "dotted", "dashed", "solid" 等。
  19. border-color:设置边框颜色。
  20. border-radius:设置边框圆角,如 "5px", "10%" 等。
  21. border-top、border-right、border-bottom、border-left:分别设置上、右、下、左边框的属性。
  22. 尺寸和布局属性:
  23. width、height:设置元素的宽度和高度。
  24. margin:设置元素的外边距,包括上、右、下、左四个方向的边距。
  25. padding:设置元素的内边距,包括上、右、下、左四个方向的内边距。
  26. display:设置元素的显示类型,如 "block", "inline", "flex", "grid" 等。
  27. float:设置元素的浮动方式,如 "left", "right" 等。
  28. clear:清除元素的浮动效果。
  29. 其他常用属性:
  30. box-sizing:设置盒模型的类型,如 "content-box", "border-box" 等。
  31. transition:设置元素过渡效果的属性,包括过渡时间、过渡函数和过渡延迟等。
  32. transform:设置元素的变换效果,包括旋转、缩放、平移等。

《CSS 实战指南》2024 第一章:CSS 基础之三: CSS 的常用属性和样式

最近发表
标签列表