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

前端技术 2023/09/01 CSS

@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的，@ font-face的打开一个全新的世界。现在...

前端技术 2023/09/01 CSS

调查了很多资料，只有下面的这一种适合我复制代码代码如下: input,button,a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); } !important 在这...

前端技术 2023/09/01 CSS

介绍视窗(Viewport)单位视窗(Viewport)是你的浏览器实际显示内容的区域——换句话说是你的不包括工具栏和按钮的网页浏览器。这些单位是vw,vh,vmin和vmax。它们都代表了浏览器（视窗(Viewport)）尺寸的比例和窗口大小调整产生的规模改变。比方说我们...

CSS中关于变量的基本教程

前端技术 2023/09/01 CSS

CSS中的变量给了我们诸多优点：方便、代码重用、更可靠的代码库和提升防错能力。示例 CSS Code复制内容到剪贴板 :root { --base-font-size: 16px; --link-color: #6495ed; } p { ...

CSS3不透明度实例讲解

前端技术 2023/09/01 CSS

如何设置透明度？定义opacity属性，通过设置该属性能够使任何元素呈现出半透明效果，opacity属性的基本语法如下： <alphavalue>|inherit 取值说明： 1、<alphavalue>|是由浮点数和单位标识符组成的长度值。不可为负值，...

高效的CSS选择器编写指南

前端技术 2023/09/01 CSS

高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在Sky公司工作之时，所感兴趣的，关注已久的话题。有很多人都忘记了，或在简单的说没有意识到，CSS在我们手中，既能很高效，也可以变得很低能。这很容易被忘记，尤其是当你意识到你会的太少，CSS代码效率很低...

前端技术 2023/09/01 CSS

我们理念中的菜单都是矩形的，不是横向排列就是纵向排列，这里我们打破了常规的思维，把菜单做成圆形的。在这里我们不得不克服几个问题：如何定义html如何悬停定位菜单元素在此之前先看一下最终效果是怎样的，DEMO放在前面主要是增加大家阅读的兴趣。下面就让我们开始今天的教程吧 ...

前端技术 2023/09/01 CSS

今天通过和一些师弟的交流，发现他们对外边距合并不是很理解。其实浅析CSS的外边距合并的话，是很容易明白是怎么一回事儿的。但是如果想要深入了解margin这个神奇的属性，那可得费一番功夫了。我是一个菜鸟，在这里当然不会解释得太复杂，在这里我只是想谈谈我对外边距...

前端技术 2023/09/01 CSS

代码如下复制代码代码如下: <!DOCTYPE html> <html> <head> <title>Button在Form中具有submit的特性</title> <meta charset=...

前端技术 2023/09/01 CSS

一直对positon的几个定位方式不是特别理解，记录下 fixed固定定位，参照位置是浏览器窗口的左上角，即坐标点为(0px, 0px) absolute绝对定位，参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角，举个例子复...

关闭

我的博客