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

相关推荐
coding随想1 小时前
JavaScript ES6 解构:优雅提取数据的艺术
前端·javascript·es6
小小小小宇1 小时前
一个小小的柯里化函数
前端
灵感__idea1 小时前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇1 小时前
前端双Token机制无感刷新
前端
小小小小宇1 小时前
重提React闭包陷阱
前端
小小小小宇2 小时前
前端XSS和CSRF以及CSP
前端
UFIT2 小时前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉2 小时前
CSS3 的特性
前端·css·css3
星辰引路-Lefan2 小时前
深入理解React Hooks的原理与实践
前端·javascript·react.js
wyn200011282 小时前
JavaWeb的一些基础技术
前端