
css
Yetian_2000
这个作者很懒,什么都没留下…
展开
-
指定行数 多余文字省略展示样式
【代码】指定行数 多余文字省略展示样式。原创 2022-09-15 14:43:06 · 213 阅读 · 0 评论 -
taro框架中:Taro.pxTransform()使用
taro原创 2022-07-06 16:27:54 · 2099 阅读 · 0 评论 -
less 中的循环(each 方式)
111原创 2022-07-06 10:12:39 · 1291 阅读 · 0 评论 -
设置字根,配合rem适配(多尺寸屏幕的适配)
document.documentElement.style.fontSize这个就是字根,(但相对的只是HTML根元素字体大小。)rem单位就是相对HTML根元素字体大小rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应原创 2021-02-23 15:19:53 · 317 阅读 · 0 评论 -
css鼠标光标属性样式大全
转载 2021-02-19 11:37:29 · 441 阅读 · 0 评论 -
css3中filter 与 backdrop-filter的使用和区别(实现内容模糊与背景模糊)
filter 是模糊内容backdrop-filter 是使透过该层的底部元素模糊化代码示例:.blur-content{ filter: blur(10px);}.blur-bg{ backdrop-filter: blur()}原创 2020-12-22 17:10:36 · 992 阅读 · 0 评论 -
手写清除浮动
这个有3种方法,1、在浮动后的元素的样式中添加:clear: both;2、浮动的元素添加一个class伪类样式:.clear-fix:after{ display: table; /*也可以写成display: block*/ content: ""; clear: both;}3、浮动的元素的父元素开启BFC。注:开启BFC的条件,经常是使用 overflow:hidden 或者 display:flex 或者 display: inline-block 或者position: ab原创 2020-11-11 13:05:40 · 213 阅读 · 0 评论 -
css3 unset属性
unset 关键字我们可以理解为不设置,其实,它是关键字initial和inherit的组合。当我们给一个css属性设置了unset的话:1,如果该属性默认继承属性,该值等同于inherit2,如果该属性是非继承属性,该值等同于initial不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、 le原创 2020-10-16 14:31:43 · 5347 阅读 · 0 评论 -
css设置上标样式、下标样式
使用css属性:vertical-align的值设置text-top(上标)、text-bottom(下标),另外主要的是要设置上标和下标的元素的字体大小比主体字体小,才有效果。css样式:<style> div{ font-size: 20px; } div .bottom{ color:red; background-color: gray; vertical-align:text-bottom; font-size: 12px; } div .up{ color: blue; backg原创 2020-09-22 12:45:07 · 4440 阅读 · 0 评论 -
粘性定位
这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位,适用于一些特殊场景。( 即元素先按照普通文档流定位,之后为固定定位。)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>1111</title> <style> html {原创 2020-09-11 10:19:37 · 218 阅读 · 0 评论