css数值(百分比|负值)
今天为什么要给大家讲解这个东西呢，因为css这部分，尤其是数值这部分感觉非常简单，但是尤其是简单的，却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。width height 百分比当元素的height、width设置为百分比时，分别基于包含它的块级对象的高度、宽度。这...
2020-10-22
5分钟站点生成神器——Docusaurus
为什么要使用DocusaurusDocusaurus 是 Facebook 专门为开源项目开发者提供的一款易于维护的静态网站创建工具，使用 Markdown 即可更新网站。构建一个带有主页、文档、API、帮助以及博客页面的静态网站，只需5分钟。Docusaurus 是一个静态站点生成器。它构建了一个具有快速客户端导航的单页应用程序，利用Re...
2022-05-28【CSS】css 平均分布不生效
有个布局需要用到文字左右平均分布，但是css这个样式不生效，是哪里写漏了还是写错了呢？求大神帮忙回答：text-align: justify;最后一行无效果，只有一行相当于最后一行无效果，可以用text-align-last(兼容性不好) ，当然也可以加个:after让其变成两行，这样就生效了th:after{ content: ''; ...
2021-05-25【CSS】css如何做出区域平均划分为四列
将表单区域平均划分为四列，并且列与列之间留出固定的间隔。一般情况下，一个选项占据一列，当选项长度超过一列时，根据长度占据多列。如果选项本身超过一行，则折行进行展示，并且该选项的下N行，不放置其他选项回答：可以使用flex布局，每一列占25%的最小宽度.box { display: flex; flex-directi...
2021-05-25
3分钟带你了解QlikSense
小A是公司“表哥”，负责公司内部财务月报表。每个月写财务报告时，小A总在发愁：第一代BI时期每个月底，小A总有那么几天重复着下面的工作：1. 从ERP系统的财务模块中下载发票数据到Excel2. 从CRM系统下载顾客数据到Excel（...此处省略多个其他维度...）3. 将这几个表用vlookup 和 sumif给连起来.....
2022-06-11
【从零单排HBase01】从一无所知到5分钟快速了解HBase
在学的过程中，发现跟MySQL相互对比，能更深入地了解存储组件的设计。有任何问题或者想看的知识点，欢迎留言跟我沟通。1.前言随着公司业务不断发展，开始遇见越来越多的复杂存储场景。我们在关系型数据库上已经有了比较好的技术积累，但是并不能解决所有问题。因此，需要对更多存储类型...
2022-06-10【CSS】css 按鈕動畫？
如何做一個簡單的動畫就是當表單送出後等待送出的時間，按鈕能夠有轉圈讀取的動畫（或之類的）呢？回答：给你个dom参考吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ...
2021-05-25
css定位的介绍
1、定位的组成：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。2、定位模式有四个值static、relative、absolute、fixed。static：静态定位，是元素的默认定位方式，无定位的意思relative：相对定位是元素在移动位置的时候，是相对于它原来的位置来说的...
2022-06-06
css基本语法
一，css基本语法及页面引用css基本语法css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：/*css注释 ctrl+shift+"/"*/div{width:100px;height:100px;color:red}css页面引入方法：1、外联式：通过...
2020-10-14
关于css的问题
我想分别给三个div设置一个最小宽度，并且当外部宽地足够时，让它整体宽变大，自适应屏幕宽度怎么搞？回答flex + min-width ?flex弹性盒子布局吧很典型的 flex-box 应用，参考 A Complete Guide to Flexbox（Flexbox 完全攻略）。flex布局...
2020-07-02
css无法覆写问题
我想给class="alphalist"这个div里面所有span标签里的a标签文字修改文字颜色，为什么无效呢？谢谢各位大佬啦:D<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" type="text/css" href="https://segmentfault.com/q/1010000022823215/css/giftbag.css"></head><body><header ...
2020-06-03
【CSS】css的一个问题
如下图所示：登录遇到问题和立即注册之间的那个 竖条 用哪种方法画出来最合适回答：回答：可以用css中的伪元素进行处理：<div class="login-fail"></div><div class="sign-up"></div>.login-fail { &::after{ content: ' | ' width: 1px; height: 10px; //custom self }}you can see in回答：可以用背景也可以用...
2021-05-27【CSS】css无法覆写问题
我想给class="alphalist"这个div里面所有span标签里的a标签文字修改文字颜色，为什么无效呢？谢谢各位大佬啦:D<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/giftbag.css"></head><body> <header class="header-wrap"> ...
2021-05-25css的权重
权重的五个等级及其权重种类权重!important10000行内样式1000id选择器100class、属性选择器、伪类选择器10标签选择器、伪元素选择器1规则总结行内样式总会覆盖外部样式表的任何样式(除了!important)单独使用一个选择器的时候，不能跨等级使css规则生效如果两个权重不同的选择器作...
2020-10-18
css
css概述为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。css基本语...
2020-10-14
关于css的问题？
直接使用css+html能实现这种边框效果吗？那位大佬提供个思路回答可以实现"同比"这种边框可以使用一个长方形的边框，然后去掉右边框，然后文字定位到中间，文字给个白色底色。箭头可以用一条直线加一个三角合成，三角用css3可以实现，例：三角形实现文字前面的空白，同理设置个白色底把边框盖...
2020-09-0312个Css常用技巧
1. 利用 css 穿透覆盖默认样式常见发生场景：假如我们需要通过 input，type="file"来上传文件，而这个 input 的默认样式，可以说是非常地丑。所以我们希望通过一张图片，与这个 input 大小一样，位置一致地盖在上面。这个时候，显然，这个时候点击图片，input 是不会起作用的。就是因为 img 隔绝了 click ...
2020-10-18
浅谈js和css内联外联注意事项
简单说：这两个问题其实是同一个问题，但是网上找了好久也找不到方法，外联的js和css文件里不能有任何HTML的标记注释，一旦有，浏览器就疯了！一去掉就好了！！！问题：起因是网上看到一个css的表格样式，觉得挺好看，就打算放在自己的Asp.Net程序里，开始的时候我放在aspx文件里，显示正常然...
2022-05-25【CSS】css3与svg
css3能对svg做哪些动画？且如何做？附svg文件。html<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11....
2021-05-25【CSS】如何用js或css缩放页面
请问js或css能模拟浏览器网页缩放功能吗? 想进网页后缩放80%回答：在body标签上使用 transform 即可body{ transform: scale(0.8) !important;}...
2021-05-27css3与css的区别
请问css3和css的具体区别是什么呀？回答百度上有很多这类的答案比如https://zhidao.baidu.com/question/372698956270516524.html更具体一点可以看下css 和 css3的教程https://www.runoob.com/css/css-tutorial.html...
2020-10-26
纯js+css实现在线时钟
本文实例为大家分享了js+css实现在线时钟的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>时钟</title> <style type="text/css"> *{ padding: 0; margin: 0; } .wrap{ position: absolute; width: 200px; height: 200px; border: 2px solid; background-color: p...
2021-11-03【CSS】关于scss，编译错误，求解答
我有这么一段 scss ，用于处理数值单位间的转换，如下：@function check($val){ @if type-of($val)=="string"{ @return $val; } @if unit($val)=="px"{ @return $val/($val*0+1)+px; }@else if unit($val)=="rem"{ @return $val/($val*0+1)/200+rem; }@else{ ...
2021-05-24js+css实现红包雨效果
本文实例为大家分享了js实现红包雨展示的具体代码，供大家参考，具体内容如下1.html部分红包的样子，先写一个模版在页面上 <div class="hide"> <div class="RedPackage__Box js-RedPackageBox" data-txt> <img src="./images/redPackage.png" alt=""> </div></div>显示红包的容器<div class="RedPackage__Main js-RedPackage"></div>2.js部分...
2022-05-12将.css文件添加到ejs
我正在使用ejs在node.js（express）上工作，并且无法在其中包含.css文件。我分别尝试了与html-css二重奏相同的事情，并且效果很好…我如何在其中包含相同的内容我的.ejs文件。我的app.js因此：var express = require('express');var app = express();app.set('views', __dirname + '/views');app.get('/', function(req, res){ res.render('inde...
2022-05-17【CSS】scss怎麼引入到網頁？
在網路上看到語法有scss格式請問這該如何放到web?一樣是用link嗎？！感覺裡面的程式碼跟css不太一樣啊回答：15分钟学会SASS回答：需要先将scss编译为css回答：scss sass都要通过预编译器进行编译之后变成css才能被引用到页面，可以使用node-sass进行预编译回答：sass要先用ruby编译生成css文件。然后引入css...
2021-05-26css过渡与svg图像只能作用一种方式
我目前正在开发一个网站，我有一个问题与CSS过渡。css过渡与svg图像只能作用一种方式在该网站上，左侧有一个带有徽标的标题。当您向下滚动页眉并且徽标缩小时。当您向下滚动特定数量的像素时，这可以在整个页面中添加.smaller类。现在的问题：当您向下滚动标题时，会很好地缩小标题，但徽标...
2022-04-10
