HTML基础

客户端网页编程HTML :根元素-页面上的根元素
:文档章节

transition:过渡(CSS在一定时间内从一个值变成另一个值)
transition-property:告诉浏览器那些需要动画效果
transition-duration:变化效果持续时间
(简写:transition)
all:全部
例如:tranition: all 1s
颜色尺寸透明度都可以有过度效果
opacity:透明
旋转
transform:rotate
CSS hack技术:(解决兼容性问题,方式加前缀)
原理;浏览器内核在解析错误的CSS时采用的机制是忽略
作用:解决兼容性问题:利用不同浏览器内核所能识别的符号作为CSS属性的前缀
CSS处理器:用特定的语法来编写CSS,可以扩展CSS功能。
后处理器;将编写好的CSS进行加工处理,比如添加前缀
SASS安装,浏览器不能识别语法
SASS:语法:注释 //
SASS:变量:变量是可以某个值的容器
使用变量可以方便实现值得重用
格式: $加名字:
全局变量:整个CSSS都可以使用
局部变量:只有设置了的选择器才可以用
嵌套CSS:可以在里面嵌套
&:引用当前选择器(父与子的关系)
混合器://定义混合器:@minxin(名字)(&main,&cross)
需定义的引用:@inclube
响应式布局
引入不同分辨率的CSS:media sereen
@media sereen and (min-width:)and (max-width:)
em:(当前元素)一个em等于元素字体大小
em的大小:取决于当前元素的字体大小(适合做行高)

rem:(根元素)一个rem等于根元素字体大小(1rem=100px)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值