![[璃猫]](/usr/themes/Dreambig/fx-images/limao-logo.png){kind=logo}
璃猫博客
limao.pro
| HTML页面样式 | 常用元素用法 | 作用 |
| * | padding | 页面的内外边距 |
| body,html | FX | 页面总体样式 |
| DIV样式 | 常用元素用法 | 作用 |
| width | PX | 宽度 |
| height | PX | 高度 |
| padding | PX | 内边距 |
| margin | PX | 外边距 |
| box-shadow | [Y轴 X轴 模糊 颜色] | 边框阴影 |
| border | [大小 样式 颜色] | 边框 |
| border | solid | 实线 |
| - | dashed | 虚线 |
| - | double | 双实线 |
| - | dotted | 点线 |
| border-radius | PX | 圆角 |
| overflow | hidden | 超出隐藏 |
| Background背景 | 常用元素用法 | 作用 |
| background-image | URL | 背景图片 |
| background-color | # | 背景颜色 |
| background-position | [center] | 背景图片定位 |
| background-repeat | [no-repeat] | 背景不平铺 |
| background-size | [100%] | 背景图片大小 |
| Text文本 | 常用元素用法 | 作用 |
| color | # | 字体颜色 |
| text-align | left[right] | 字体居中 |
| font-size | PX | 字体大小 |
| font-weight | 粗细[bloder] | 字体粗细 |
| font-family | FX | 字体设置 |
| font-style | FX | 字体样式 |
| text-shadow | [Y轴 X轴 模糊 颜色] | 边框阴影 |
| line-height | PX | 行高 |
| 排版设置 | 常用元素用法 | 作用 |
| float | left[right] | 浮动 |
| position | relative | 定位/相对+绝对定位 |
| top | PX | 距离上 |
| bottom | PX | 距离下 |
| left | PX | 距离左 |
| right | PX | 距离右 |
| 特效样式 | 常用元素用法 | 作用 |
| transition | S | 动画速度 |
| transform | [translate(X,Y)] | 位置转换 |
| - | scale(X,Y) | 大小转换 |
| - | rotate(X,Y) | 旋转转换 |
| 显示层次样式 | 常用元素用法 | 作用 |
| display | [none] | 影藏 |
| - | [inline] | 行内元素 |
| - | [block] | 块元素 |
| - | [inline-block] | 拥有块元素功能的行内元素 |
| cursor | pointer | 鼠标链接样式效果 |
| 鼠标样式 | 常用元素用法 | 作用 |
| cursor | pointer | 鼠标链接样式效果 |
| - | default | 默认光标 |
| - | move | 光标指示程序正忙 |
站内活动 时间一般均为 7天 时间
欢迎各位猫客，本站运营初期，不足之处欢迎大家指点。(灬°ω°灬)
70
篇9
条3
页0年202天
Form
分类
页面
友链
手机收藏，随时随刻学习 获取资料
璃猫博客
![[享受生活 做最酷的自己]](/usr/themes/Dreambig/fx-images/huimou.jpg)
![[头像]](/usr/themes/Dreambig/fx-images/aurora.jpg)
还没有小可爱发布评论呢~ o(╥﹏╥)o
下面没有内容啦！(°Д°) 太长啦~我快被撑爆啦！o(╥﹏╥)o