CSS学习

CSS（层叠样式表）是用来控制网页样式和布局的技术。以下是一些常见的CSS类型及其例子：

布局（Layout）：

使用display: flex;实现弹性布局
使用float属性实现浮动布局
使用grid-template-columns和grid-template-rows实现网格布局

定位（Positioning）：

使用position: relative;相对定位元素
使用position: absolute;绝对定位元素
使用position: fixed;固定定位元素

文本样式（Text Styling）：

使用font-size设置字体大小
使用color设置文本颜色
使用text-align设置文本对齐方式

盒模型（Box Model）：

使用margin设置元素外边距
使用padding设置元素内边距
使用border设置元素边框

动画（Animation）：

使用@keyframes定义关键帧动画
使用animation属性应用动画效果
使用transition属性实现过渡效果

响应式设计（Responsive Design）：

使用媒体查询（Media Queries）根据不同设备尺寸应用样式
使用flexbox和grid布局实现响应式网页布局