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 · 1950 阅读 · 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 · 591 阅读 · 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 · 5552 阅读 · 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 · 911 阅读 · 0 评论
分享