当前位置: 首页 > news >正文

css复习

盒模型相关:
在这里插入图片描述
border:1px solid red (没有顺序)
单元格的border会发生重叠,如果不想要重叠设置
border-collapse:collapse (表示相邻边框合并在一起)

padding
在这里插入图片描述
padding影响盒子大小的好处使用
在这里插入图片描述
在这里插入图片描述
margin应用:
在这里插入图片描述
行内或行内块元素水平居中:text-align:center;

在这里插入图片描述

border-radius
在这里插入图片描述
盒子阴影:border-shadow
在这里插入图片描述
盒子阴影不占用空间,不会影响其他盒子排列

文字阴影
在这里插入图片描述

传统网页布局三种方式:标准流 浮动 定位

浮动
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
visibilty
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
nth-child和nth-of-type的区别:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
结构伪类选择器权重:10

伪元素:
在这里插入图片描述
多个属性一起变:
在这里插入图片描述

在这里插入图片描述
css新增:
filter:blur(10)变模糊
width:calc(100%-80px)

过渡:
在这里插入图片描述
2D转换:

http://www.lryc.cn/news/305061.html

相关文章:

  • HTML5和CSS3提高
  • 感受2024生物发酵展示会-明章机械
  • 算法打卡day1|数组篇|Leetcode 704.二分查找、27.移除元素
  • 什么是高阶组件
  • python实现裂区试验方差分析
  • Vue v-for、v-if、v-show常见问题
  • GPT技术在学术研究中的革命性应用:开启论文创作新篇章
  • 【K8s】-- 描述容器中 pod 的状态
  • 使用yolo-seg模型实现自定义自动动态抠图
  • FairyGUI × Cocos Creator 3.x 场景切换
  • 【Java程序设计】【C00288】基于Springboot的篮球竞赛预约平台(有论文)
  • textbox文本框跨线程写入,扩展textobx控件
  • 【踩坑】PyTorch中指定GPU不生效和GPU编号不一致问题
  • 线性代数:向量、张量、矩阵和标量
  • WordPres Bricks Builder 前台RCE漏洞
  • 渗透测试—信息收集
  • 安卓adb调试备忘录
  • 【软件架构】01-架构的概述
  • Vue 图片轮播第三方库 介绍
  • 设置主从复制时发生报错Could not find first log file name in binary log index file‘;解决方案
  • React Context的使用方法
  • ElasticSearch索引数据备份与恢复
  • kubernetes日志收集 fluent-operator 动态索引名的实现
  • pip换源
  • 7.(数据结构)堆
  • AWS Elastic Beanstalk通过应用负载均衡配置https
  • AC自动机:文本搜索的加速器
  • 备战蓝桥杯---基础算法刷题1
  • 探索 Flutter 中的动画:使用 flutter_animate
  • 装机容量对光伏发电量的影响有多大?如何通过装机容量计算发电量?