
css
mini韦
这个作者很懒,什么都没留下…
展开
-
三栏布局实现方式
三栏布局 常见方案原创 2023-10-13 18:34:05 · 212 阅读 · 0 评论 -
vue的引入图片的方式
web需要大量图片,图片来源大致分为这几个:静态的 动态的写法大致分为这几个:直接在img标签中书写 在data等域中书写,然后动态改变 img<template> <div class="hello"> <img src="../assets/logo.png" alt=""> </div> ...</template>// 项目中的图片路径为// src/assets/logo.原创 2022-01-20 18:20:22 · 4826 阅读 · 0 评论 -
css 居中布局常用方法和相对布局和绝对布局的却别
居中布局一、水平居中(子元素)【1】.常规元素设置水平居中:《1》行内元素、不定宽块级元素:设置父元素 text-align:center <div class="outer"> <div class="inner">水平居中的元素</div> </div>.outer { background: red; text-align: center;}《2》定宽块级元素:设置子元素: margin转载 2022-01-12 12:04:52 · 314 阅读 · 0 评论 -
LESS &进行选择判断CSS的样式
<div :class="{ e: true }" class="a"> aaaa </div>class 相当于 class="a e" 样式会作用变成 .a.e{ xxxx}.a { width: 100px; height: 100px; color: red; font-size: 18px; background: #999494; border: 1px solid red; &.e { fon...原创 2021-11-03 18:20:21 · 690 阅读 · 0 评论 -
css 选择器 .a.b 和 .a .b 的区别
<!DOCTYPE html><html><head><meta charset="utf-8"><title>选择器(runoob.com)</title><style>body div{font-size:40px;} .a.b{color:green} .a .b{color:red}</style></head><body> .转载 2021-11-03 18:07:45 · 1175 阅读 · 0 评论 -
一个元素同时使用多个类选择器 和less 嵌套&的用法
一个元素同时使用多个类选择器CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如<div class="user login">能被.user和.login两个选择器选中。如果这两个选择器中有相同的属性值,则该属性值先被改为.user中的值,再被改为.login中的值,即重复的属性以最后一个选择器中的属性值为准。测试如下:<style> .user{ font-size: 30px;转载 2021-07-20 20:35:12 · 439 阅读 · 0 评论 -
css :not 选择器
:not 选择器是css3里面的:not([class]){color:red;} // 没有class属性的元素都设置为红色如下代码 非//属性为非aria-checked="true"元素 走.radio-text.van-radio:not([aria-checked="true"]) { .radio-text { color: inherit !important; }}p:not([class]){color:red;} // 没有class属性的p..原创 2021-04-23 11:13:08 · 18017 阅读 · 1 评论