常用的 CSS 样式有以下几类:外观样式:颜色、背景、字体、文本对齐、边框、圆角布局样式:位置、浮动、清除浮动、显示、弹性布局交互样式:指针、过渡、动画、用户选择响应式样式:媒体查询、响应式单位、网格系统其他常用样式:定位、盒子阴影、文字溢出、文本装饰、列宽、页面断开

常用的 CSS 样式
外观样式
- 颜色: color
- 背景: background-color, background-image
- 字体: font-family, font-size, font-weight
- 文本对齐: text-align
- 边框: border-style, border-width, border-color
- 圆角: border-radius
布局样式
- 位置: position, top, left, right, bottom
- 浮动: float
- 清除浮动: clear
- 显示: display, visibility
- 弹性布局: flexbox, grid
交互样式
- 指针: cursor
- 过渡: transition
- 动画: animation
- 用户选择: user-select
响应式样式
技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作
立即学习“前端免费学习笔记(深入)”;
- 媒体查询: @media
- 响应式单位: vw, vh, em
- 网格系统: grid-template-columns, grid-template-rows
其他常用样式
- 定位: z-index
- 盒子阴影: box-shadow
- 文字溢出: text-overflow
- 文本装饰: text-decoration
- 列宽: column-width
- 页面断开: page-break








