摘要：
CSS3动画库：https://animate.style/ 页面取色工具下载地址：https://www.baidufe.com/fehelper reset.css 初始化设置网站：https://blog.csdn.net/brain_bo/article/details/81560444 外 阅读全文
posted @ 2021-01-11 18:37
小_小白
阅读(144)
评论(0)
推荐(0)
摘要：
grid-column-start（起始）grid-column-end（结束，span 属性，数值前加 span 表示的是网格大小） 水平方向上占据的起始位置和结束位置（最左边的线是1，最上边的线是1） 简写：grid-column：1 / 1； grid-row-start（起始）grid-co 阅读全文
posted @ 2021-01-30 12:01
小_小白
阅读(188)
评论(0)
推荐(0)
摘要：
grid-template-colimns（列） 和 grid-template-rows（行） 对网格进行横纵划分，形成二维布局。单位可以是像素，百分比，自适应以及 fr 单位（网格剩余空间比例单位）。 有时候，我们网格的划分是很规律的，如果需要添加多个纵横网格时，可以利用 repeat()语法进 阅读全文
posted @ 2021-01-29 08:35
小_小白
阅读(130)
评论(0)
推荐(0)
摘要：
作用在 flex 子项上的CSS属性 取值 含义 order 可以通过设置 order 改变某一个 flex 子项的排序位置。所有 flex 子项的默认 order 属性值是0. （对当前子项进行排序处理） flex-grow 属性中的 grow 是扩展的意思，扩展的就是 flex 子项所占据的宽度 阅读全文
posted @ 2021-01-24 10:43
小_小白
阅读(120)
评论(0)
推荐(0)
摘要：
display：flex（转变为弹性盒模型） flex-direction： flex-direction 用来控制子项整体布局方向，是从左往右还是从右往左， 是从上往下还是从下往上 取值： row：默认值，显示为行，方向为当前文档水平流方向，默认情况下是从左往右 row-reverse：显示为行， 阅读全文
posted @ 2021-01-23 20:09
小_小白
阅读(127)
评论(0)
推荐(0)
摘要：
利用 float 和 margin 实现两边固定中间自适应布局 阅读全文
posted @ 2021-01-16 16:16
小_小白
阅读(63)
评论(0)
推荐(0)
摘要：
利用 margin 和 padding 达到左边右边容器大小一起变化 容器1没有高度，容器2高度发生变化，容器1的高度跟着发生变化 阅读全文
posted @ 2021-01-16 15:57
小_小白
阅读(48)
评论(0)
推荐(0)
摘要：
CSS Hack用来解决浏览器的兼容性问题，为不同版本的浏览器定制编写 不同的CSS效果，使用每个浏览器单独识别的样式代码，控制浏览器的显示样式。 Hack分类： 1、CSS属性前缀法 属性前缀法是在CSS样式属性名前加上一些只有特定浏览器 才能识别的hack前缀，以达到预期的页面展现效果 前缀标识 阅读全文
posted @ 2021-01-16 15:18
小_小白
阅读(108)
评论(0)
推荐(0)
摘要：
text-shadow： 文字阴影 x y 模糊值 color 注意：阴影的默认颜色和设置的颜色相同 可以通过逗号隔开设置多阴影 box-shadow： 盒子阴影 x y 模糊值 范围 颜色 inset（内阴影） 多阴影 注意：默认颜色是黑色， 默认是外阴影，如果设置不起作用，可选的值只有 inse 阅读全文
posted @ 2021-01-16 11:24
小_小白
阅读(288)
评论(0)
推荐(0)
摘要：
font-face 是CSS3中的一个模块，他主要是把自己定义的 web 字体嵌入到你的网页中。 好处： 1.可以非常方便的改变大小和颜色 2.放大后不会失真 3.减少请求次数和提高加载速度 4.简化网页布局 5.减少设计师和前端工程师的工作量 6.可使用计算机没有提供的字体 用法： @font-f 阅读全文
posted @ 2021-01-11 18:52
小_小白
阅读(63)
评论(0)
推荐(0)
摘要：
空格符  ； 版权 ©； 注册商标 ®； 小于号 &il；（可能是L） 大于号 >； 和号 &； 人民币 ¥； 摄氏度 °； 阅读全文
posted @ 2021-01-11 18:39
小_小白
阅读(251)
评论(0)
推荐(0)
浙公网安备 33010602011771号