当前位置: 首页 > 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转换:

相关文章:

  • spark为什么比mapreduce快?
  • 数据结构 第1章 绪论(一轮习题总结)
  • 代码随想录算法训练营第二十五天|216.组合总和III、17.电话号码的字母组合
  • Spring Boot 的参数校验方案
  • 【k8s资源调度-Deployment】
  • 【Linux】 faillock 命令使用
  • 【前端素材】推荐优质后台管理系统Sneat平台模板(附源码)
  • 如何食用Kaggle的Course中的exercise?
  • 2.22作业
  • 微服务开发工具及环境搭建
  • 2237. 猪(最大流,分层图,困难题)
  • 使用 React 和 MUI 创建多选 Checkbox 树组件
  • pom.xml常见依赖及其作用
  • qt波位图
  • C# CAD备忘录
  • ----------
  • __proto__ 和 prototype的关系
  • Android开源项目规范总结
  • CAP 一致性协议及应用解析
  • CentOS学习笔记 - 12. Nginx搭建Centos7.5远程repo
  • exports和module.exports
  • js操作时间(持续更新)
  • Linux后台研发超实用命令总结
  • OSS Web直传 (文件图片)
  • React的组件模式
  • RxJS: 简单入门
  • Traffic-Sign Detection and Classification in the Wild 论文笔记
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹?
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 近期前端发展计划
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 写给高年级小学生看的《Bash 指南》
  • 用Visual Studio开发以太坊智能合约
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • ​Spring Boot 分片上传文件
  • # 达梦数据库知识点
  • ###51单片机学习(2)-----如何通过C语言运用延时函数设计LED流水灯
  • #pragma预处理命令
  • #我与Java虚拟机的故事#连载13:有这本书就够了
  • $.ajax()
  • (2/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (Redis使用系列) SpirngBoot中关于Redis的值的各种方式的存储与取出 三
  • (分布式缓存)Redis哨兵
  • (十六)串口UART
  • (五)网络优化与超参数选择--九五小庞
  • (转)一些感悟
  • (轉)JSON.stringify 语法实例讲解
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .NET NPOI导出Excel详解
  • .NET Reactor简单使用教程
  • .net 中viewstate的原理和使用
  • .NET:自动将请求参数绑定到ASPX、ASHX和MVC(菜鸟必看)