首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
百科问答
01-01 08:00
百科问答
css不透明度怎么设置(css不透明度的设置)
css不透明度怎么设置(css不透明度的设置) 今天遇到一个问题:div边框和背景色随主题色变化,边框和字体不透明,背景半透明(如下图所示) 设计图在网上搜索解决办法发现都是说使用rgba,但是另外一个问题就来了,背景和边框的颜色就没办法改变了,所以只好自己想办法。突发奇想使用伪类完美解决了问题,话不多说,上代码(此处样式部分使用了s,不懂的请自行百度)<!-- html代码 --> <div class="box"&g
79
代码人生
01-01 08:00
代码人生
CSS之特指度和层叠
CSS之特指度和层叠 前言 Q:如果多个规则匹配同一个元素,而且部分声明之间有冲突,那么我们如何知道哪个规则胜出呢? A:用户代理会计算每个规则中选择符的特指度,然后将其依附到规则中的每个声明上。如果两个或多个属性声明有冲突,特指度最高的声明胜出。而为了计算特指度,用户代理必须把规则“打散”成单独的规则 例如:h1 { color: silver; background: b
79
代码人生
01-01 08:00
代码人生
CSSMotion VS animation in Angular
CSSMotion VS animation in Angular Animation in CSSMotion and Angular CSSMotion status: none, appear, enter, leave step: none, prepare, start, active, end explanation for status none: it is an idle status, l
79
代码人生
01-01 08:00
代码人生
css3属性 grid 网格布局使用示例
css3属性 grid 网格布局使用示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport
79
代码人生
01-01 08:00
代码人生
CSS_边框图片
CSS_边框图片 使用场景: 盒子大小不一,但边框样式相同,此时需要边框图片来实现 切图原理: 切四个角,一定保证四个角切完整。四条边可以拉伸。(切4刀,分成9块) 切图语法: border-image-source : 边框图片路径 border-image-slice : 裁剪的尺寸,不加单位 border-image-width : 边框图片的
79
代码人生
01-01 08:00
代码人生
CSS----伪元素和伪类选择器----结构性伪类
CSS----伪元素和伪类选择器----结构性伪类 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{
79
代码人生
01-01 08:00
代码人生
css常用标签
css常用标签 选择符 一.元素选择符: 1. 通配符*{} Hdml中所有标签属性 设置字体font-family: 设置字体大写font-size 2. 类选择器.hp{} <div class="hp"></div>id 3. 选择符#hs <div id="hs"></div> 4.&
79
代码人生
01-01 08:00
代码人生
CSS:flex布局语法
CSS:flex布局语法 CSS:flex布局语法 一、flex布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } We
79
代码人生
01-01 08:00
代码人生
CSS基本标签学习8.23
CSS基本标签学习8.23 原文:https://www.cnblogs.com/jiangliangliang/p/15176354.html
79
代码人生
01-01 08:00
代码人生
css做一个可以变成关闭图标的菜单按钮
css做一个可以变成关闭图标的菜单按钮 不记得什么是时候在某个网站上看到一个菜单按钮, 初始状态是三条横线, 点击打开菜单后可以变成关闭按钮, 这个过程有一个过度动画, 效果像下面这样(因为想不起来是哪个网站了, 所以下面的的gif是我根据印象实现后的效果) 这个东西实现起来挺简单, 但是这个过度动画挺有意思的; 首先是html, 外层一个div.menu元素, 里面放三个span用作三条
79
«
1
2
...
68
69
70
71
72
73
74
...
76
77
»