html +css 超哥课程笔记截图整理

本文详细介绍了CSS在表格布局、表单设计以及过渡和动画效果方面的应用。重点讲解了如何设置表格的头部、主体和底部样式,以及如何实现边框合并和内容居中。同时,探讨了表单的补充内容,如过渡的时序函数和动画的执行属性。此外,还提到了响应式设计的关键概念,包括vw单位、媒体查询和响应式布局。最后,讨论了Less预处理器的使用,如变量、混合函数及其参数传递。
摘要由CSDN通过智能技术生成

css 表格 的头部 主体 底部

 

表格的样式 

指定边框之间的距离

设置边框的合并居中

 

 

 

 表单注册

 

表单的补充

 


过渡 

过度的时序函数

 

第一个是持续时间第二个是延迟时间 

动画

 

动画的执行时间运行方向

动画的执行状态跟填充模式

 

 关键帧  小球下落动画

变形平移

 

居中方式{  元素中有内容的话}

如果宽度高度不设定 它不会去调边框的高度而是会让宽度高度尽可能的大

 

 用这种居中方式

利用平移进行居中

 

 

 z轴平移

旋转

 

缩放

 

less简介

 

less中的变量

 

 

 



&相当于父元素

extend继承样式 相当于加()

 

混合函数如何传递参数

less所有值都可以运算

设置弹性容器

弹性容器中元素的排列方式'

 

 

 

 

 弹性元素

弹性容器的样式

弹性元素在容器中是否自动换行

 

弹性元素在主轴如何对齐

 

 

弹性的增长系数

 

 弹性元素的排列顺序

 

 

像素

 

手机像素'

 完美视口

 vw的单位

vw的适配

 

 媒体式查询

响应式布局

 

媒体特性

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值