![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
敲代码的TKP
这个作者很懒,什么都没留下…
展开
-
很多网站、APP 前段时间一下都变灰了。 先来感受一下变灰后的效果。
很多网站、APP 前段时间一下都变灰了。 先来感受一下变灰后的效果。原创 2023-02-01 08:55:56 · 3269 阅读 · 0 评论 -
js移动端rem.js自适应布局代码
rem 是 css 的长度单位,它是相对于 元素的 font-size 的相对值。假设 html { font-size: 20px; },那么 1rem 就等于 20px。原创 2022-08-31 09:57:31 · 1031 阅读 · 0 评论 -
css设置文字渐变色及文本阴影
css设置文字渐变色及文本阴影。代码实现思路:1.文字设置为从坐上到右下的渐变色;2.创建伪元素'88.8'给文字‘88.8’添加阴影效果(注意:伪元素的层级要比本身dom元素的层级低,否则会覆盖在文字上)......原创 2022-08-02 14:31:54 · 1762 阅读 · 0 评论 -
HTML常用细节问题处理
一.解决图片底部3个像素问题原因:底部多余的为图片3像素。是由图片元素默认为inline-block引起的。方法: 1,给img图片标签添加属性vertical-align:top;(不是baseline即可)2,img的父标签添加属性:font-size:0;3,给图片添加属性:display:block;二.超出文本隐藏,并用省略号代替方法: overflow:hidden;//超出隐藏text-overflow:ellipsis;//超出部分用…代替white-space:nowrap原创 2020-12-18 10:59:54 · 819 阅读 · 0 评论 -
vue项目修改组件样式——深度作用选择器deep,样式穿透
::v-deep 与 /deep/ 都是深度选择器(样式穿透),都能实现对组件内部的样式修改;但是具体有什么区别,公司同事主张使用 ::v-deep,说是能加快编译速度。使用上就是 如果你用 /deep/ 没有生效,换一种 试试 ::v-deep 一般都是可以的.如果使用 less 对 css 做出预处理的话,使用 /deep/ 就可以完成样式穿透的行为;但是我使用的 scss 对 css 做出的预处理,所以不能够使用 /deep/ 而应该使用 ::v-deep 才对<style scoped原创 2021-12-21 10:24:37 · 2860 阅读 · 0 评论 -
Flex布局详解
什么是Flex布局? Flex是Flexible Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 需要注意的是,设为flex布局以后,子元素的float、clear和vertical-align属性将失效 * webkit内核的浏览器,必需加上-webkit前缀.box{ display:-webkit-flex; display:flex;}flex-box(容器):5个有用,1个集合属性1.flex-原创 2021-10-08 16:28:20 · 109 阅读 · 0 评论