![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
小薯片子
成功的第一步是渴望。
展开
-
vue数字滚动翻牌器效果
数字滚动翻牌器的;http://file:///D:/work/code/vue/%E7%BF%BB%E7%89%8C%E5%99%A8/index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=原创 2022-01-17 13:47:13 · 1084 阅读 · 0 评论 -
BFC布局
目录BFC布局BFC可以用来解决外边距重叠的问题BFC可以用来清除浮动BFC阻止元素被浮动元素覆盖(两列自适应布局)BFC布局BFC布局就是块级元素上下文,是页面中的一块渲染区域,有自己的规则。相当于一个独立的容器,内部元素和外部元素互相不影响。只要元素满足下面任一条件即可触发 BFC 特性:1.是body 根元素,如<body><div></div></body> 此时div也属于在触发了BFC布局的容器中2.属于浮动元.原创 2021-01-20 14:17:37 · 337 阅读 · 0 评论 -
用css实现水平垂直居中的方法
目录1.flex布局2.定位+margin3.定位+translate4.网格布局(grid)5.table布局6.::before伪元素布局要实现的两个嵌套盒子,parent为父盒子外面的大盒子,child为里面的小盒子。全文html结构都为此。<divid="parent"><divid="child"></div></div>css文件宽高背景颜色随便设置,只是为了方便看效果。...原创 2021-01-20 14:03:07 · 119 阅读 · 0 评论 -
css的position都有什么
absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过left,top等属性进行规定。fixed:生成绝对定位的元素,相对于浏览器窗口进行定位,元素的位置通过left,top,right,bottom属性进行规定。relative:生成相对定位的元素,相对于其正常位置进行定位,相对于他的起点进行移动。static:默认值,没有定位,元素出现在正常流中,忽略top,bottom,left,right,z-index声明。inherit:规定从父元原创 2020-05-08 20:37:12 · 151 阅读 · 0 评论 -
css鼠标经过显示图片
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> div { 先定义一个盒子 width: 100px;原创 2018-02-18 23:29:17 · 19232 阅读 · 0 评论 -
html盒子边框样式制作border-radius
div { width: 200px; height: 200px; border: 1px solid red; } div:first-child { /*结构伪类选择器 选亲兄弟 */ border-radius: 10px; /*一个数值表示四个角相原创 2017-11-14 07:59:24 · 3924 阅读 · 0 评论 -
ccs的三种颜色格式
.red { color: red; } li:nth-child(2) { color: #FF6600; /* 橙色 颜色尽量十六进制,简写格式*/ } #rgb { color:原创 2017-11-05 17:24:49 · 2966 阅读 · 0 评论 -
css凹凸文字--text-shadow
凹凸文字原创 2017-11-10 18:23:25 · 2287 阅读 · 0 评论