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转换:

相关推荐
TT模板4 分钟前
苹果cmsV10主题 MXonePro二开优化修复开源版
前端·html5
拖孩5 分钟前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
去伪存真10 分钟前
不用动脑,手把手跟着我做,就能掌握Gitlab+Jenkins提交代码自动构部署
前端·jenkins
天天扭码1 小时前
深入解析 JavaScript 中的每一类函数:从语法到对比,全面掌握适用场景
前端·javascript·面试
小希爸爸1 小时前
4、中医基础入门和养生
前端·后端
kooboo china.1 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
uhakadotcom1 小时前
Fluid:云原生数据加速与管理的简单入门与实战
前端
鬼面瓷2 小时前
CAPL编程_03
前端·数据库·笔记
帅云毅2 小时前
Web漏洞--XSS之订单系统和Shell箱子
前端·笔记·web安全·php·xss
北上ing2 小时前
同一页面下动态加载内容的两种方式:AJAX与iframe
前端·javascript·ajax