![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 69
今天晚上一定要早睡
这个作者很懒,什么都没留下…
展开
-
CSS grid布局
grid布局原创 2021-12-04 21:13:04 · 286 阅读 · 1 评论 -
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局的区别和他们的实现方式原创 2021-11-22 19:12:04 · 377 阅读 · 0 评论 -
BFC及应用
BFC:格式化上下文 Block Formatting Context是Web页面的可视CSS渲染的一部分,是块盒子的布局发生区域,也是浮动元素与其他元素交互的区域。创建BFC:1)html标签是BFC盒子2)浮动元素是BFC盒子3)行内块元素是BFC盒子4)overflow属性取值不为visible时BFC特点:1)BFC盒子会默认裹住内部子元素(标准流&浮动)应用:清除浮动2)BFC盒子本身与子元素之间不存在margin的塌陷现象应用:解决margin的塌陷问题...原创 2021-08-27 13:39:50 · 63 阅读 · 0 评论 -
使用Chrome调试工具进行查错
原创 2021-08-27 09:53:33 · 102 阅读 · 0 评论 -
css浮动布局
浮动原创 2021-08-19 21:12:42 · 86 阅读 · 0 评论 -
css盒子模型
盒子属性规则原创 2021-08-19 19:46:30 · 53 阅读 · 0 评论 -
css其他属性规则
css背景属性规则原创 2021-08-19 15:50:59 · 88 阅读 · 0 评论 -
css背景样式规则
css背景规则background-color 背景颜色transparent 透明(默认)颜色background-image 背景图片none 默认无url(“ ”) 图片地址background-repeat 背景平铺repeat 重复no-repeat 不重复repeat-x x轴上重复repeat-y y轴上重复background-position 背景图片位置x y 中间空格隔开1)参数为方位名词:方位名词与顺序无关center top原创 2021-08-19 15:30:36 · 218 阅读 · 0 评论 -
css文字文本属性规格
css属性原创 2021-08-19 00:14:15 · 219 阅读 · 0 评论 -
css定位布局
定位布局在z轴上定位定位=定位模式+边偏移定位模式postion:static 静态(默认情况下,为非定位元素,为标准流)relative 相对 (定位元素)absolution 绝对(定位元素)fixed 固定(定位元素)sticky 粘滞(定位元素)边偏移(定位元素相对于父元素边线的距离):top right bottom left若定位既设置left也设置了right偏移,默认使用left偏移定位元素的特点:可以使用定位规则:top right bottom left1)相原创 2021-08-18 15:49:11 · 97 阅读 · 0 评论 -
css过渡和2D转换
过渡过渡是轻量级的动画,过渡中无需定义关键帧,它解决的问题是当属性改变的时候实行缓缓改变。一般通过伪类来触发。过渡一定发生在属性值改变上(状态发生变化的时候)1)transition-property: width;过渡属性,取值可以为多个,多个值通过逗号分割;关键字:all 所有属性2) transition-duration: 2s;过渡持续时间3) transition-delay: 0s;过渡延迟时间4) transition-timing-functi原创 2021-08-17 22:59:56 · 140 阅读 · 0 评论 -
css动画和动画库
定义动画帧@keyframes 动画名 { from { 开始帧 } to { 结束帧 }}@keyframes 动画名 { 0% { 开始帧 } 100% { 结束帧 }}调用动画div.move { animation-name:动画名称; animation-duration:持续时间;}动画常用属性...原创 2021-08-17 18:28:00 · 100 阅读 · 0 评论 -
css选择器和css特性
css选择器原创 2021-08-15 00:18:35 · 801 阅读 · 0 评论 -
伸缩盒布局
伸缩盒布局伸缩盒布局是在x轴方向上 <div class=container> <div> </div> <div> </div> <div> </div> </div> <ul class=container> <li> </li> <li> </li> <li> </li> </ul原创 2021-08-14 21:56:45 · 566 阅读 · 0 评论