![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html/Css
主要记录Html和Css遇到的问题和值得记录的问题
小达不溜儿
个人笔记
展开
-
动态引入背景图片:background动态传参
<template><fin-carousel height="530px" class="carousel" arrow="never"> <fin-carousel-item v-for="(item,index) in templateInfo.templateData.list" :key="index"> <div :class="['item','banner-bg-'+(index%3+1)]">原创 2021-03-30 09:43:13 · 1632 阅读 · 0 评论 -
vue 动态引用背景图片
<template> <div :class="['item','banner-bg-'+(index%3+1)]"> <div class="title">{{title(item.bannerName)}}</div> <div class="content">{{content(item.bannerName)}}</div> <div v-if="item.bannerUr原创 2021-03-22 17:09:04 · 225 阅读 · 0 评论 -
深度选择器/deep/覆盖组件样式没生效问题
场景:vue 在scoped中想覆盖组件样式没生效需要用到/deep/深度选择器,但要注意,/deep/前要有一个类名,不然找不到/deep/后面的类名原创 2021-03-01 15:13:30 · 1013 阅读 · 0 评论 -
css:超出本分文本显示省略号, hover时显示文本
超出区域显示省略号:通过给一个有宽度的div设置样式.token { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}然后给标签设置:title的属性来控制hover时显示的文本...原创 2021-01-08 11:27:38 · 2356 阅读 · 0 评论 -
css动画对z-index有影响
https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/这篇博客写的很详细原创 2020-10-09 14:01:04 · 646 阅读 · 0 评论 -
禁止选中文字
参考:https://www.cnblogs.com/telwanggs/p/8818627.html<div class="noselect"></div><style>.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-sele转载 2020-09-29 21:05:00 · 147 阅读 · 0 评论 -
flex弹性盒子布局
下面这个链接写的很好,很直观很好理解:https://www.cnblogs.com/dreamperson/p/9367008.html为了方便阅读,直接将他的博客截图过来转载 2019-08-31 12:15:43 · 82 阅读 · 0 评论 -
CSS3相比CSS新增哪些功能
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...转载 2019-08-30 16:46:50 · 673 阅读 · 0 评论 -
HTML5相比于HTML新增了哪些功能
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...转载 2019-08-30 16:41:56 · 309 阅读 · 0 评论 -
div盒子左右居中margin用法
1.使用绝对定位2.使用 margin:X auto; 注意:盒子的类型是block,且盒子的width必须提前设置好具体值,比如:width = 50px,否则不能左右居中,"X" 不一定为0也可以是具体值,是按需求定的;"auto"代表左右边距自动,这样就会使盒子左右居中inline-block不适用margin :X auto;...原创 2019-08-06 16:51:49 · 1386 阅读 · 0 评论 -
两种盒模型
参考:https://blog.csdn.net/zwkkkk1/article/details/79678177box-sizing: content-box 盒子width = content的widthbox-sizing: border-box 盒子width = (content+border)的width...原创 2019-08-04 21:08:18 · 158 阅读 · 0 评论 -
原生JS轮播图
注意:使用setTimeout定时器定时器要上锁,否则会发生冲突原创 2019-08-03 19:18:22 · 64 阅读 · 0 评论 -
脚本CSS
原创 2019-07-20 19:24:12 · 129 阅读 · 0 评论