css
css概述为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。css基本语...
2020-10-14
css的权重
权重的五个等级及其权重种类权重!important10000行内样式1000id选择器100class、属性选择器、伪类选择器10标签选择器、伪元素选择器1规则总结行内样式总会覆盖外部样式表的任何样式(除了!important)单独使用一个选择器的时候，不能跨等级使css规则生效如果两个权重不同的选择器作...
2020-10-18
css三角形
css画三角形最近在写项目的样式的时候，遇到了一个选中样式的问题，关于三角形浅色背景和checked图标；实际的项目图形；border组成<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .spa...
2020-03-20css选择器
简单选择器类型选择器：p{color:red}id 选择器: #idname{color:red}class 选择器.className{color:red}伪元素::before::after文本::first-letter:文本的第一个字符串::first-line:文本的第一段使用伪元素不能添加对内容有实质的影响伪元素使用双冒号，而伪类是单冒号（一般现在浏览器都兼容）伪类:hover：鼠标 h...
2020-03-22
css基本语法
一，css基本语法及页面引用css基本语法css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：/*css注释 ctrl+shift+"/"*/div{width:100px;height:100px;color:red}css页面引入方法：1、外联式：通过...
2020-10-14css处理空格
1、空格规则HTML 代码的空格通常会被浏览器忽略。<p> hello world </p>上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。浏览器的输出结果如下: hello world可以看到，文字的前部和后部的空格都会忽略，内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。如果希望空...
2020-03-24
css强制换行
强制换行用white-space的normal，pre-wrap，pre-line换行，即使有overflow: hidden; text-overflow: ellipsis;也不影响换行。值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 html 中的 <pre> 标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。pre-wra...
2020-12-06css自定义属性
“ 为什么要了解css自定义属性？css自定义属性有什么用途呢？在声明式语言中引入变量，在一些特定场景极大的增强了其灵活性。”现在带着问题进入正文~一、使用方法约定以--开头的为自定义属性，如下声明的--color：.container { --color: blue;}声明的自定义属性怎么使用呢?使用var()获取自...
2020-03-31
关于css的问题
我想分别给三个div设置一个最小宽度，并且当外部宽地足够时，让它整体宽变大，自适应屏幕宽度怎么搞？回答flex + min-width ?flex弹性盒子布局吧很典型的 flex-box 应用，参考 A Complete Guide to Flexbox（Flexbox 完全攻略）。flex布局...
2020-07-02
css宽高自适应
css宽高自适应css宽高自适应为两种：一是：非浮动元素的父元素高度自适应。二是：浮动元素的父元素高度自适应。一是：非浮动元素的父元素高度自适应实现方法：1、不设置高度，或者高度设置成 ： height:auto；2、通过最小高度实现高度自适应 ： min-height:300px; 3、给需要高度自适应的元素添加...
2020-10-15
关于css的问题？
直接使用css+html能实现这种边框效果吗？那位大佬提供个思路回答可以实现"同比"这种边框可以使用一个长方形的边框，然后去掉右边框，然后文字定位到中间，文字给个白色底色。箭头可以用一条直线加一个三角合成，三角用css3可以实现，例：三角形实现文字前面的空白，同理设置个白色底把边框盖...
2020-09-03
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
我想修改WordPress的项目符号列表https://www.willgo.fr/。我正在使用下面的CSS，但子弹不对齐。项目符号清单cssul.special_bullet li { list-style: none!important; } ul.special_bullet li:before { color: #00b300; content: "\2022"; float: left; overflow: hidden; position: rel...
2022-04-07css属性兼容性问题
<div class="score-s"> <ul class="mingci"> <li class="onem"></li> <li class="teoo"></li> <li class="thrree"></li> <l...
2021-06-17新手学习css优先级
css不是一种程序语言，而是一种描述语言。因此，可以说，css理解起来是非常容易的，大部分人通过简单的学习就可以懂得如何写css代码来定义网页的样式。但是，大部分人同样也会在写css的过程中产生很多困惑，比如为什么自己写的某段css没有生效，或者呈现出的样式和预计的不同，但又不知道要如...
2022-04-19
【前端】css定位问题
<div><div id="a">xxxxxx</div><div id="b">xxxxxxx</div></div>有这么个需求，如何让id为b的div一直跟在id为a的div后面,当#a的内容变多超出浏览器可视窗口时,#b固定到浏览器底部,该怎么设置样式，求解回答试试 sticky 定位，应该可以满足你的需求。#b { position: sticky; bottom: 0;}给#a设置最大高度，值为cale(100vh - #b高...
2020-12-16【CSS】纯css斜箭头
如上图，请问这种斜箭头怎么实现。网上找了方法，设置四个方向的border，实现斜箭头。但是不能实现中间是透明的，求指教。目前只找了个斜箭头，不过只是内斜的，不能向外斜，且不能透明width: 0;height: 0;border-left: 57px solid transparent;border-right: 17px solid transparent;border-top: 30px solid #777;font-sie: 0;...
2021-05-24
css文本溢出隐藏出错了
我设置的这个文本溢出隐藏。在正常宽度下可以正常显示。为什么窗口缩小后。文本的位置就变了呢？掉下去了我本来不想给文字加宽度的，但是如果不给宽度的话。文字直接就下去了。给了宽度后。至少正常宽度下。文字不会掉下去。但是治标不治本。我该把宽度写死吗？以后还想做响应式呢？如图...
2020-08-27【CSS】css 画畸形
css3 如何实现上图的 边角请大佬 指导一下 对于各种 奇行 的 css3的 画法 思路回答：先上图思路：我这个方法比较粗暴，很多css的问题首要要考虑伪元素，合理的利用after和before 画一个圆角矩形 右上角是一个四分之一圆被 一个白色圆形覆盖html：<div class="rect"></div>css：.rect{ position: rela...
2021-05-26css刷新会闪出隐藏的内容
var executive1 = document.getElementById("executive1"); executive1.style.display="none"; var arr = [executive1]; var changediv = Math.floor(Math.random()*arr.length); console.log(changediv); if(changediv==0) { executive1.style.display="block"; };回答默认把元素样式设...
2020-08-19
【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 定位问题
<div style="position:absoulte"> <span class="uncheck-icon"></span> <span style="margin-left:20px;display:inline-block;position:absolute;">记住密码</span> </div>.uncheck-icon { margin-left: 16px; position: relative; top: 50%; -webkit-transform:...
2021-05-26【CSS】css六边形问题
这样的效果用css怎么弄，我看了这个教程，但是六边形的border改怎么弄呢回答：http://shariarbd.com/demo/hex/ 看这个例子...
2021-05-25
