html 属性如何书写,css 属性书写顺序推荐

转自自己的 Github/Wizard67

根据 MDN 中 CSS参考 归纳整理。

summary

┌── 布局定位

| ├── 元素定位

| | └── position...

| └── 元素浮动

| └── float...

|—— 盒子模型

| ├── 盒子类型

| | ├── display

| | ├── 弹性盒子

| | | └── flex...

| | ├── 网格系统

| | | └── grid...

| | ├── 表格模型

| | | └── table-layout...

| | ├── 列表盒子

| | | └── list-style...

| | └── 标注模型

| | └── ruby-align...

| ├── 盒子属性

| | ├── box-sizing

| | ├── 盒子尺寸

| | | ├── width...

| | | ├── height...

| | | ├── padding...

| | | ├── border...

| | | ├── outline...

| | | └── margin...

| | └── 盒子样式

| | ├── color

| | ├── background...

| | ├── background-blend-mode...

| | ├── clip-path

| | ├── mask...

| | ├── filter

| | ├── box-shadow

| | ├── opacity

| | └── visibility

| └── 盒子内容

| ├── 溢出处理

| | └── overflow...

| ├── 垂直对齐

| | └── vertical-align

| ├── 内容分列

| | └── columns...

| ├── 文本渲染

| | ├── 排版模式

| | | └── writing-mode...

| | ├── 文本样式

| | | ├── text-rendering

| | | ├── font-feature-settings...

| | | └── font...

| | ├── 文本控制

| | | ├── text-overflow

| | | ├── white-space

| | | ├── overflow-wrap...

| | | ├── word-break...

| | | ├── text-align...

| | | ├── font-synthesis

| | | ├── font-size-adjust

| | | ├── letter-spacing...

| | | └── text-transform...

| | └── 文本装饰

| | ├── quotes

| | ├── tab-size

| | ├── text-indent

| | ├── text-emphasis...

| | ├── text-decoration...

| | └── text-shadow

| └── 图片元素

| ├── image-rendering...

| └── shape-image-threshold...

|—— 盒子变形

| ├── transform-style...

| ├── perspective...

| └── backface-visibility

|—— 动态效果

| ├── 过渡动画

| | ├── transition...

| | └── animation...

| └── 滚动效果

| └── scroll-behavior...

└── 其他属性

├── 用户行为

| ├── resize

| ├── cursorresize...

| ├── touch-action

| ├── caret-color

| └── ime-mode

├── 元素属性

| └── object-fit

| ├── object-position

| ├── content

| ├── counter-reset...

| ├── will-change

| ├── pointer-events

| ├── z-index

| └── all

├── 定义变量

| └── --*

└── 页面打印

├── page-break-before...

└── widows

详细的属性和参数请见 note-css-order

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本项目是一个基于SpringBoot开发的华府便利店信息管理系统,使用了Vue和MySQL作为前端框架和数据库。该系统主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者,包含项目源码、数据库脚本、项目说明等,有论文参考,可以直接作为毕设使用。 后台框架采用SpringBoot,数据库使用MySQL,开发环境为JDK、IDEA、Tomcat。项目经过严格调试,确保可以运行。如果基础还行,可以在代码基础之上进行改动以实现更多功能。 该系统的功能主要包括商品管理、订单管理、用户管理等模块。在商品管理模块中,可以添加、修改、删除商品信息;在订单管理模块中,可以查看订单详情、处理订单状态;在用户管理模块中,可以注册、登录、修改个人信息等。此外,系统还提供了数据统计功能,可以对销售数据进行统计和分析。 技术实现方面,前端采用Vue框架进行开发,后端使用SpringBoot框架搭建服务端应用。数据库采用MySQL进行数据存储和管理。整个系统通过前后端分离的方式实现,提高了系统的可维护性和可扩展性。同时,系统还采用了一些流行的技术和工具,如MyBatis、JPA等进行数据访问和操作,以及Maven进行项目管理和构建。 总之,本系统是一个基于SpringBoot开发的华府便利店信息管理系统,使用了Vue和MySQL作为前端框架和数据库。系统经过严格调试,确保可以运行。如果基础还行,可以在代码基础之上进行改动以实现更多功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值