![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Css
css学习
指尖跃动smile
失败只有一种,就是半途而废。
展开
-
CSS实现需求的重要知识点
1.文本下划线 text-decoration: nono 无 underline 下划线 overline 上划线 line-through 贯穿线 2.子盒子在父盒子中水平垂直居中 水平垂直居中: 使用定位加边偏移和margin实现。 使用定位加transform实现。 使用display:flex,justify-content:center,align-items:center实现。 3.溢出文字省略号显示 溢出的文字省略号 /1. 先强制一行内显示文本/ white-space:原创 2020-10-16 14:58:03 · 1855 阅读 · 0 评论 -
通过定位和css3里的transform实现鼠标经过卡片动态滑动的效果
实现效果 html页面 <body> <div class="box"> <div class="item"> <div class="hover"> hello </div> </div> <div class="item"> <div class..原创 2021-11-17 11:23:52 · 482 阅读 · 0 评论 -
解决css头部导航栏固定,主体内容铺满屏幕,左侧侧边栏固定高度,右侧内容高度自适应
头部固定高度,主体内容高度设置100%,是根据父元素实际高度决定的,这样会多出一部分高度,解决代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t原创 2020-11-30 11:18:22 · 5046 阅读 · 0 评论 -
利用css3的3d旋转透视加动画做的一个骰子动态效果
实现效果 代码 <div class="father"> <div class="son son1">1</div> <div class="son son2">2</div> <div class="son son3">3</div> <div class="son son4">4</div> <d..原创 2021-12-08 14:05:41 · 785 阅读 · 0 评论