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

相关推荐
Amumu121382 分钟前
Vuex介绍
前端·javascript·vue.js
We་ct3 分钟前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_9494800637 分钟前
【无标题】
开发语言·前端·javascript
css趣多多41 分钟前
Vue过滤器
前端·javascript·vue.js
理人综艺好会1 小时前
Web学习之用户认证
前端·学习
We་ct1 小时前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表
weixin_395448912 小时前
main.c_cursor_0129
前端·网络·算法
2401_859049082 小时前
git submodule update --init --recursive无法拉取解决
前端·chrome·git
这是个栗子3 小时前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说3 小时前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js