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

相关推荐
志尊宝1 小时前
Vue3 零基础每日笔记(010):watchEffect——用到谁就自动听谁的“懒人侦听器“
前端·vue.js·笔记
狗哥哥1 小时前
从“看对方向”到“做出行动”:投资决策卡
前端
拖孩1 小时前
一个人 + AI 做的小程序,一个月赚了 36 块
前端·后端·微信小程序
weixin_440730501 小时前
playwright实战-渠道应用操作
开发语言·前端·python
lhldsg1 小时前
从零构建智慧场馆解决方案小程序:开发全流程实战
java·前端·小程序
IMPYLH2 小时前
HTML 的 <rp> 元素
前端·javascript·html
晴天162 小时前
npm install -f(--force)深度解析:作用原理、报错根源与风险避坑指南
前端·npm·node.js
IT_陈寒2 小时前
React的状态更新竟然不是同步的?!坑了我一整天
前端·人工智能·后端
科里 Coralyx2 小时前
CoT Toolformer ReAct:工具调用、推理链与 Agent 的起源
前端·react.js·前端框架
xy34532 小时前
谷歌Lighthouse安装指南(Chrome扩展程序可视化操作)
前端·chrome·测试工具·lighthouse