CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/02 CSS

一款用CSS控制背景图像平铺，从而实现区域边框阴影的效果，虽然用到了图片，但可贵之处是本代码不管你需要阴影的区域是多大，它都能自动适应，因些还是很值得收藏一下的，兼容所有的IE浏览器。复制代码代码如下: <!DOCTYPE html PUBLIC \"-...

前端技术 2023/09/02 CSS

这个问题曾经困扰我许久许久……曾经一度的采用滤镜的方法搞定这个问题，但是这种方法有个弊端。就是当有多个png图片的时候，这就造成了css的压力，得写多少css代码呀。也尝试过js，但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与backgrou...

前端技术 2023/09/02 CSS

对于某些内容可变的层（比如用户评论），我们希望它有个最小的高度（比如30px），这样的话，即使内容只有一行字，也不会太难看；同时又希望在内容比较多的时候，层的高度能自动撑开，也就是要求height: auto。这时候就可以设置css的min-height属性。...

CSS视差滚动效果

前端技术 2023/09/02 CSS

一、效果Demo先行~ 视差滚动效果大家可能都听过，基本上都是JS实现的，有对应插件 - Parallax.js . 实际上，如果你对兼容性要求不是很高，比方说忽略IE浏览器，则我们使用简单的几行CSS代码就可以实现视差滚动效果了。对于效果展示，先看效果是最能引起兴趣，激发学...

前端技术 2023/09/02 CSS

在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，它可以将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格。本文向大家描述一下CSS属性display:inline-block的...

前端技术 2023/09/02 CSS

本文为大家分享一款基于纯CSS3的文字发光特效，当我们将鼠标滑过文字时，文字就会模拟发光动画，展现出非常酷的发光画面。另外，由于引用了特殊字体，所以整个文字效果看起来有着3D立体的特效，如果你的网络无法加载这些字体，可能是由于国外的这个网站被墙的缘故，就像google的字体库网...

前端技术 2023/09/02 CSS

作为前端攻城师，在制作Web页面时都有碰到CSS制作水平垂直居中，我想大家都有研究过或者写过，特别的其中的垂直居中，更是让人烦恼。这段时间，我收集了几种不同的方式制作垂直居中方法，但每种方法各有千秋呀，要正确的选择也是一件不容易的事情。我会将这几种方法一一介绍给...

前端技术 2023/09/02 CSS

一. 新手的疑问大家经常在网页中看到类似 li#first 这样的选择器。很多新手疑问了？由于使用 id 就已经可以确定元素了，为什么前面还要加一个 li？直接写上 #first 这样的 id 选择器就可以了。听起来说得不错，简单测试一下也没有问题。可是，我们经常看到带有元素...

前端技术 2023/09/02 CSS

特别声明：此篇文章根据Stéphanie Walter 的英文文章《The Mobile Web: CSS Image Replacement for Retina Display Devices 》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友...

前端技术 2023/09/02 CSS

一、上集内容简单提要上集内容“我对CSS vertical-align的一些理解与认识（一）”要追溯到差不多一个月以前了，主要是了解了下vertical-align的一些属性，并简单讲述了自己对vertical-align属性的一些理解。vertical-align是个相当复...

关闭

我的博客