随笔分类 -  CSS

css - 预编译less下，解决深度选择器失效问题,完成css样式修改
摘要：#若深度选择器有效。使用此可修改样式 /deep/ .cube-btn{ //...自定义css样式 } #深度选择器失效，则： 1.重新定义deep深度选择器 @deep:~'>>>'; 2.使用 @{deep} .cube-btn{ //...自定义css样式 } 3.例子 <cube-butt 阅读全文
posted @ 2020-06-08 18:08 邪儿莫 阅读(3226) 评论(0) 推荐(0) 编辑
css-移动端模拟hover效果
摘要：:hover 在移动端中，点击后一直处于hover状态，不会切换。为此解决：通过:active模拟 <!-- * @Author: lingxie * @Date: 2020-04-23 13:35:57 * @Descripttion: --> <template> <div class="abo 阅读全文
posted @ 2020-06-01 19:23 邪儿莫 阅读(3087) 评论(0) 推荐(0) 编辑
background-clip指定背景绘制区域
摘要：background-clip,背景剪切 阅读全文
posted @ 2019-09-06 18:27 邪儿莫 阅读(488) 评论(0) 推荐(0) 编辑
html中设置锚点定位
摘要：1、使用id定位： (这样的定位可以针对任何标签来定位。 ) 2、使用name定位： （使用name属性只能针对a标签来定位，而对其他标签就不能起到定位作用。 ） 阅读全文
posted @ 2017-05-05 09:26 邪儿莫 阅读(244) 评论(0) 推荐(0) 编辑
palacehoder的自定义样式【输入框input /文本域textarea】
摘要：7.palacehoder的自定义样式【输入框input /文本域textarea】 因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 还可以写成下面这样： 知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪 阅读全文
posted @ 2017-05-04 16:17 邪儿莫 阅读(1174) 评论(0) 推荐(0) 编辑
css流式布局
摘要：elem{ width:1160px;/*流式布局的总宽度*/ column-width:375px; -moz-column-width: 375px; /*每列宽度*/ -webkit-column-width: 375px; -moz-column-count: 3; column-count 阅读全文
posted @ 2017-05-04 16:07 邪儿莫 阅读(572) 评论(0) 推荐(0) 编辑
文本省略
摘要：单行文本省略 white-space:nowrap;/*强制文本在一行内显示*/ overflow:hidden; /*溢出内容为隐藏*/ text-overflow:clip;/*不显示省略标记（...），而是简单的裁切。*/ text-overflow:ellipsis;/* 当对象内文本溢出时 阅读全文
posted @ 2017-05-02 14:46 邪儿莫 阅读(216) 评论(0) 推荐(0) 编辑