CSS
关注
分享
扫一扫
文章平均质量分 53
帝博格T－bag
这个作者很懒，什么都没留下…
展开
-
less 穿透子组件、孙组件样式
总结： 再less中， 一个/deep/ 表示一层穿透，如果有多个组件嵌套，使用不同个数的/deep/ 实现样式重构的效果。原创 2024-03-18 10:22:01 · 1223 阅读 · 0 评论 -
CSS word-break 详解
1-2 当前文本是汉字时，遇到标点符号（逗号、顿号、分号、冒号等等），并且下一句汉字的长度 + 当前行的长度 > 1行宽度时，会自动进行换行。1-1 当是字母或数字时，当前行字符遇到空格，并且下一个单词长度 + 当前行的长度 > 1行宽度时，会自动进行换行。原创 2023-07-10 09:09:21 · 1449 阅读 · 0 评论 -
vue 父子组件设置 scoped， 如何导致滚动条失效的
vue 父子组件设置 scoped， 如何导致滚动条失效的原创 2023-01-06 12:04:53 · 1477 阅读 · 0 评论 -
CSS—通过DPR设置加载不同的图片尺寸
安装CSS预处理器npm install stylus --savenpm install stylus-loader --save编写html结构<template> <div class="no-data"> <span class="no-data-images"> </span> </div></template>编写样式，引入mixin.styl 文件，并调用方法<s.原创 2022-04-21 11:46:24 · 451 阅读 · 0 评论 -
CSS—table—固定列和行
为了方便用户在使用table表格，可以参照头部或侧边的固定字段，更快的定位数据的对应的意思，故 本文使用纯CSS实现头部和侧边固定相关案例，共大家学习交流。原创 2021-08-11 00:19:48 · 3961 阅读 · 0 评论 -
CSS—常见伪类
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">/*先找到.parent下面的第二个子元素,在判断它是不是p*/.parent p:nth-child(2){ color: red;}/*先找到.parent下面从后往前数的第二个子元素,在判断它是不是p*/原创 2021-08-10 22:59:21 · 446 阅读 · 0 评论 -
CSS——grid布局
1. 网格的定义网格是一组相交的水平线和垂直线，它定义了网格的列和行。 我们可以将网格元素放置在与这些行和列相关的位置上。2.grid布局的优势1.固定或弹性的轨道尺寸 2.定位项目 3.创建额外的轨道来保存项目 4.对齐控制 5.控制重叠内容（z-index）3. gridVSflexBox1.flexBox是一个一维布局，只能在一条直线上放置内容区块。...翻译 2019-04-10 09:28:19 · 122 阅读 · 0 评论 -
CSS3——input-placholder 的颜色
::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ c...翻译 2019-03-31 19:56:35 · 716 阅读 · 0 评论 -
CSS——单行两端对齐
1. 参考网址https://www.cnblogs.com/rubylouvre/archive/2012/11/28/2792504.html2. css样式.justify{ text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/*...转载 2019-03-21 17:18:52 · 297 阅读 · 0 评论 -
css布局技巧——自适应高度
一、需求1. 容器元素高度自适应2.第一个子元素固定高度，第二个子元素自适应高度<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2019-02-12 10:14:59 · 426 阅读 · 0 评论 -
CSS—常用CSS样式
1.文字不换行white-space:nowrap;2.文字超出省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;原创 2018-10-31 15:56:40 · 63 阅读 · 0 评论