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

相关推荐
石小石Orz12 分钟前
浏览器的预检请求OPTIONS到底有什么用?
前端
落雪小轩韩15 分钟前
网格布局 CSS Grid
前端·css
parade岁月18 分钟前
Vue 3 父子组件模板引用的时序陷阱与解决方案
前端
xianxin_22 分钟前
CSS Outline(轮廓)
前端
moyu8423 分钟前
遮罩层设计与实现指南
前端
Pedantic32 分钟前
用 SwiftUI 打造一个 iOS「设置」界面
前端
timeweaver38 分钟前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
鲸落落丶39 分钟前
网络通信---Axios
前端
wwy_frontend40 分钟前
React性能优化实战:从卡顿到丝滑的8个技巧
前端·react.js
小高0071 小时前
面试官:npm run build 到底干了什么?从 package.json 到 dist 的 7 步拆解
前端·javascript·vue.js