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 ...
2024-01-10
css
css概述为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。css基本语...
2024-01-10
关于css的问题？
直接使用css+html能实现这种边框效果吗？那位大佬提供个思路回答可以实现"同比"这种边框可以使用一个长方形的边框，然后去掉右边框，然后文字定位到中间，文字给个白色底色。箭头可以用一条直线加一个三角合成，三角用css3可以实现，例：三角形实现文字前面的空白，同理设置个白色底把边框盖...
2024-01-10
css定位的介绍
1、定位的组成：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。2、定位模式有四个值static、relative、absolute、fixed。static：静态定位，是元素的默认定位方式，无定位的意思relative：相对定位是元素在移动位置的时候，是相对于它原来的位置来说的...
2024-01-10
【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回答：可以用背景也可以用...
2024-01-10
css基本语法
一，css基本语法及页面引用css基本语法css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：/*css注释 ctrl+shift+"/"*/div{width:100px;height:100px;color:red}css页面引入方法：1、外联式：通过...
2024-01-10
关于css的问题
我想分别给三个div设置一个最小宽度，并且当外部宽地足够时，让它整体宽变大，自适应屏幕宽度怎么搞？回答flex + min-width ?flex弹性盒子布局吧很典型的 flex-box 应用，参考 A Complete Guide to Flexbox（Flexbox 完全攻略）。flex布局...
2024-01-10
css文本溢出隐藏出错了
我设置的这个文本溢出隐藏。在正常宽度下可以正常显示。为什么窗口缩小后。文本的位置就变了呢？掉下去了我本来不想给文字加宽度的，但是如果不给宽度的话。文字直接就下去了。给了宽度后。至少正常宽度下。文字不会掉下去。但是治标不治本。我该把宽度写死吗？以后还想做响应式呢？如图...
2024-01-10
那些不常用但非常实用的css属性
1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/-webkit-box-orient: vertical; /*值必须为vertical*/-webkit-line-clamp: 2; /*值为数字，表示一共显示几行*/overflow: hidden;这是加了 lin...
2024-01-10
关于k8s网络
在vitual box中 使用k8s 1.19.2 和flannel 创建了一个学习环境，但网络这儿有些疑问：前提：系统 Centos 8.2网络 Host-Only问题：1.firewalld服务是否需要关闭，如果开启的话，K8s能否自己管理各node间访问规则。已有问题，Service的CLUSTER-IP在开着firewalld时，在其他主机上无法正常访问。2.flannel 显示已断开是否正常...
2024-01-10
网络交换
定义网络交换是通过多个中间网络节点将数据包从源传输到目的地的过程。在这里，每个节点控制数据包或将数据包切换到指向目的地的下一个节点。当数据到达节点时，称为入口，当数据离开节点时，称为出口。切换方式两种广泛的级别切换方法是面向连接的切换和无连接的切换。面向连接的交换：...
2024-01-10
css浮动元素的重叠问题
说明1、行内元素与浮动元素重叠，其边框、背景和内容将显示在浮动元素之上。2、块级元素与浮动元素重叠时，边框和背景将显示在浮动元素下，内容将显示在浮动元素上。实例.pinkBox { background-color: pink; border: 1px solid red; width: 500px; height: 300px; float: left;} .greenBox {...
2024-01-10
css3中设置元素宽度的方法
说明1、min-content、max-content和fit-content是css3的新属性，引用MDN对这三个属性的说明。2、max-content:元素内容固有的合适宽度。min-content:元素内容固有的最小宽度。fit-content:min(max-content,max(min-content,)实例（1）css3版本<div style="width: 200px"> <p style="width: fit-content;">fit-contentfit-contentfit...
2024-01-10
css浮动元素的规则介绍
说明1、当浮动元素浮动时，其margin不会超过包含块的padding。如果想要超过元素，可以设置margin属性。如果两个元素一个向左浮动，另一个向右浮动，左浮动元素的marginRight不会与右浮动元素的marginLeft相邻。2、若有多个浮动元素，浮动元素将按顺序排列而不重叠。后面的元素高度不会超过前面的元素，...
2024-01-10js - 跟踪容器没有子元素的时刻
我需要跟踪某个html容器没有子节点的时刻。此时，必须运行一些功能。js - 跟踪容器没有子元素的时刻对于此标记：<div id="container"> <div class="child square"></div> <div class="child square"></div> <div class="child square"></div> <div class="child square"></div> <div class="child square">...
2024-01-10
纯css实现列表元素宽度、间隔自适应
如图，怎么使用css实现以下效果：每个子元素宽度、元素间间隔存在最大、最小值每行元素从左往右排列每行元素总宽度足够时，则左右靠边，拉伸收缩元素间间隔减小/增大容器宽度到一定程度，每行元素减少/增加一个，但左右仍靠边兼容ie11及以上不使用媒体查询（需兼容的分辨率跨度大，元素...
2024-01-10
css元素有哪些类型
1、块状元素，在页面中以矩形区域显示。自上而下排列，独占一行可以直接添加宽高，可做为其他元素或者内容的容器常用的块状元素有：div、p、h2...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td2、内联元素，在页面中最小单位也是矩形。在...
2024-01-10如果元素开始隐藏，css过渡将不起作用
我有2 div秒，其中一个通过隐藏display:none;。两者在属性上具有相同的CSS过渡right。如果我right通过JQuery更改属性并div通过使用$.css('display','none')或$.show()或其他$.toggle()方式显示hidden，则隐藏的div会立即在结束位置绘制$('button').on('click',function(){ $('.b').show(); $('.b').css('right','80%'); $('.a').css('right',...
2024-01-10
【CSS】请问css 中一个元素能做出这种选中效果么？
如果做不出，也可以两个元素，最好不要绝对定位回答：首先是不太可能只用一個元素，因為想要實現自定義的 radio 或是 checkbox 時，都得靠 label 的 for 來實現，就是隱藏實際 input ，然後自定義 label 的樣式來實現，所以至少得兩個。實現<input name="radios" class="circle-radio" type="radio" id="radio1"/><label for="rad...
2024-01-10
es搜索匹配数据内元素属性
请问es搜索，针对记录中带有数组，且查询条件需要满足同一数组元素中的两个字段需要怎么查。这是被查询数据{ "_index": "group", "_type": "doc", "_id": "NzhrHYABz02YlkI8VQjI", "_score": 1, "_source": { "groupid": 100000000,...
2024-03-05
css子元素选择器的介绍
说明1、子元素选择器只会查找儿子, 不会查找其他被嵌套的标签。2、子元素选择器之间需要用>符号连接, 并且不能有空格。3、子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器。子元素选择器可以通过>符号一直延续下去。作用: 找到指定标签中所有特定的直接子元素, 然后设置属性。格式...
2024-01-10
css盒子模型的属性介绍
1、内容区，是盒子模型必备的组成部分。有三个属性：width、height、overflow，（width、height 属性所包含的范围决定了它是哪种盒子模型，在最后解释），overflow 指定当内容溢出区域的宽度或高度时，溢出的处理方式。2、内边距，指内容区和边框之间的空间。有五个属性：padding-top、padding-bottom、padding-lef...
2024-01-10
css中盒模型的注意点
1、padding不能为负值，margin可以。2、背景色会平铺到非margin区域。背景色会平铺到content、padding、border部分。3、marked在Flexbox或网格布局中，不存在margin-top、bottom叠加及margin-top传递现象。实例.box1 { width: 200px; height: 200px; background: pink; margin-bottom: 30px; 取最高值，所以两个marg...
2024-01-10
css怪异盒模型的介绍
说明1、怪异盒设置的width/height不仅包含了content盒子内容的宽度/高度，还包含了padding和border的宽度/高度。2、一个块的总宽度= width + margin(左右)即width已经包含了padding和border值实例div { width:200px; height:200px; padding:50px; border:10px solid yellowgreen; margin:50px;}以上就是css怪异盒模...
2024-01-10
IO 模型介绍
有人说，比特天生就是用来被复制的，数据的生命意义便在于输入 / 输出，的确，计算机的重要工作之一便是负责各种设备的数据输入/输出，也就是 I/O (In/Out) 操作。 事实上 IO 根据设备的不同分为很多种类型，比如内存 IO、网络 IO、磁盘 IO对于网络 IO 和磁盘 IO，他们的速度要慢很多，尽管使用 RAID 磁...
2024-01-10
css 06-CSS盒模型详解
06-CSS盒模型详解#盒子模型#前言盒子模型，英文即box model。无论是div、span、还是a都是盒子。但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。#盒子中的区域一个盒子中主要的属性就5个：width、height、padding、bord...
2024-01-10
css：盒子模型边框（边框、内外边距）
1、概念所谓盒子模型，就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。css盒子模型本质上就是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距和实际内容 2、边框属性：宽度、样式、颜色（1）普通方式<html><head><meta charset="utf-8"><title></title><style...
2024-01-10
物理像素、逻辑像素、设备像素比、PPI、二倍图、css3盒子模型、布局视口、视觉视口、理想视口
1.1物理像素手机屏幕横向有828个点手机屏幕纵向上有1792个点同等大小屏幕下，点越多、图像显示越精细上面所说屏幕上一个个点就是物理像素（physical pixel）物理像素也叫设备像素（dp:device pixel）1.2逻辑像素pt: html css中的使用的单位像素px: 实际上指的是逻辑像素ptpx: photoshop测量中的但是实际上...
2024-01-10
盒模型
盒模型一、 盒模型的概念和组成盒子模型是CSS的基石,指定标签如何显示以及元素间相互关系；页面上的每个元素都被当成一个矩形盒子,占据一定的页面空间,这个盒子由内容（content）、内边距（补白,填充,padding）、边框（border）和外边界（margin）组成；1） padding内填充padding区域在border与content之...
2024-01-10
