CSS|青训营笔记

39 阅读2分钟

通过学习我理解到css的相关知识:

  1. 属性 CSS有很多属性,其中一些是基本的,如
  • width
  • height
  • margin
  • padding
  • border
  • background 还有一些高级的,如
  • transform
  • transform-origin
  • swappable CSS
  • 盒模型(box-model)
  1. 选择器 选择器是CSS中用来选择元素的关键字,它们可以用来指定元素的样式。CSS选择器有很多种,如
  • 类选择器(class-based selectors):使用单词或短语作为选择器的关键字,如选择HTML标签中的类名,可以通过学习这些选择器来创建自定义样式。
  • ID选择器(id-based selectors):使用元素的唯一标识符作为选择器的关键字,如选择HTML标签中的一个id属性,可以通过学习这些选择器来创建自定义样式。
  • 伪类选择器(伪类选择器):使用属性和值的组合来创建选择的样式,如选择HTML标签中的文本属性,可以通过学习这些选择器来创建自定义样式。
  1. 布局 布局是CSS中非常重要的一部分,可以通过使用布局技术来创建复杂的网页布局。布局技术有很多种,如
  • 网格布局(grid-based布局):使用表格或表格单元格来创建布局,网格布局是最常见的布局技术之一。
  • 层叠布局(stacking布局):使用多个元素来创建布局,可以通过添加动画效果来使布局更有趣。
  • 自由布局(free-flowing布局):没有固定布局元素,可以自适应文本行和页面边界,使布局更灵活。
  1. 动画 CSS动画是一种将CSS样式与时间操作结合起来的技术,可以创建动态效果。CSS动画分为帧动画和粒子动画两种,帧动画是通过改变元素的大小,旋转等属性来创建的,而粒子动画是将CSS样式与形状操作结合起来创建的。 CSS是一门非常有用的技术,可以帮助创建美观和高效的网页。通过以上介绍的知识点,我们已经掌握了一些基本的CSS知识,但仍有很多可以学习和提高的地方。