Tag "css" 相关话题

Deshun 发布于 8个月前 (04-07) 429℃ 评论(0) 赞 (0)

在 *.less 文件中写：.test {   width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的：.test {   width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...

标签： css  /  less  /  css教程  /  less教程

Deshun 发布于 2年前 (2020-07-01) 3227℃ 评论(0) 赞 (0)

在同事的项目中遇到一个问题，使用 Vue 的 v-html 后，内容里边的图片太大，显示不全。但是设置 style 又不管用：.img {   max-width: 100%;   height: auto; }实际上还是 Vue 的 scoped 穿透问题：参考我之前的文章（Vue项目中scoped属性的作用，及scop...

标签： vue  /  v-html  /  css  /  scoped  /  css穿透  /  scoped穿透

Deshun 发布于 3年前 (2019-11-13) 8750℃ 评论(0) 赞 (2)

CSS 的 border 属性，可以设置实线，虚线还有点线。不过直接使用 border: 1px dashed #F00 虚线距离太小，非常难看，很难满足UI图的效果。可以使用 background 背景的渐变属性，来替代 border 方案，方法如下：width: 100%; height: 1px; background-image: linear-gradi...

标签： css  /  小技巧  /  代码  /  css虚线  /  css个性化虚线  /  css虚线样式

Deshun 发布于 3年前 (2019-10-24) 1530℃ 评论(0) 赞 (0)

日常的工作中可能会用到，选取处某个或者某些元素外的所有元素。这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素，例如根据元素的 #id ，.class 等排除，代码如下：$("div.content *").not(".keep");表示 .content 类的 div 下除 .keep 类以外的所有元素；另外，注意这里的&n...

标签： jQuery  /  css  /  选择器  /  not()  /  jquery选择器  /  jquery选择排除

Deshun 发布于 3年前 (2019-10-14) 1257℃ 评论(0) 赞 (2)

分享12个CSS小技巧，让你的代码简洁高效。使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框/* add border */ .nav li {   border-right: 1px solid #666; }……然后再除去最后一个元素……/* remove&...

标签： css  /  小技巧  /  代码