Web前端第二节

CSS

css常见样式

字体 

font-size:  字体大小(默认为16px)

 

 

文本缩进:text-indent:2em

去除链接下划线

设置行高

文本溢出增加滚轮框

背景相关 

固定背景

 

设置背景图片位置

一键设置各种参数

列表样式

 元素显示模式转换

结果 

 轮廓线设置

 边框

 

合并相邻边框

 设置颜色参数

 透明度

元素隐藏

 鼠标样式以及防拖拽

 定位

相对定位及绝对定位

 z-index:数字:控制优先显示,数字越大越先

进行固定定位

粘性定位

 盒子模型

 设置边框

 内边距padding

 

外边距(margin)

外边距塌陷

 避免padding将盒子撑大

flex布局

 把box设置为弹性容器,在一行显示  flex-direction:

间距一样

 

 css继承性

浮动

 

 

 

 grid布局

        

Grid-row跨行,从1到2

Grid-column 跨列,从8到10

2D变换

 

 

转动 

 缩放

 设置原点

3d转换

旋转 

 

动画 

 

 

 

作业

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值