![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS/CSS3
这部分都是css和css3的知识点!
一只没有感情的小杀手
我不告诉你略略略~
展开
-
css之hover的使用技巧
发现问题:想实现一个当鼠标放在图片上面时,显示面罩和文字的效果实现过程:如果是使用js的话用两个方法就可以了,但是想通过纯css的方式来实现一下,于是就对hover属性进行了尝试。但是很奇怪不起作用,明明单独使用hover的时候都是可以用的。解决结果鼠标移入元素,使用 " : hover " 可以改变元素自身的样式(产生新样式)<!DOCTYPE html>...原创 2020-01-15 16:53:12 · 7687 阅读 · 3 评论 -
css中可继承和不可继承的属性
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、...转载 2019-10-25 22:25:46 · 113 阅读 · 0 评论 -
css3之视口单位vw、vh实现自适应(带有px,em,rem的简单介绍)
一、px,em,rem,vw的简单介绍1、pxpx其实就是像素的意思,全称pixel,也就是图像的基本采样单位。对于不同的设备,它的图像基本单位是不同的,比如显示器和打印机。而我们通常所说的显示器分辨率是指桌面设定的分辨率,不是显示器的物理分辨率,但是现在我们的桌面分辨率和物理分辨率几乎是一致的,因为这样显示效果最佳。所以总的来说px就是对应我们显示器的分辨率。这样就会有个问题就是如果使用p...转载 2019-10-18 14:20:23 · 212 阅读 · 0 评论