css

（学习视频分享：css视频教程） 一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是 CSS伪类表示任何显示占位符文本的form元素。 简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。…

（学习视频分享：css视频教程） 根据 CSS Scroll Snap Module Level 1 规范，CSS 新增了一批能够控制滚动的属性，让滚动能够在仅仅通过 CSS 的控制下，得到许多原本需要 JS 脚本介入才能实现的美好交互。 Tips：本文截的一些 Gif 图涉及容器滚动，效果不是很好…

在 CSS3 没有普及的时候，创建一个网站 header 是一项既可怕又困难的任务 ?。那时，Flexbox 还是个新东西，我们不得不使用老方法，比如 float和clearfix技术。今天，情况完全不同了，Flexbox 得到了广泛的支持，大大的减少了我们的开发工作，同时也为我们提供了更多的可能性…

（学习视频分享：css视频教程） 你是否经常希望有一个CSS特性可以轻松创建一个可滚动的容器? CSS scroll snap 可以做到这一点。在早期的前端开发中，我依靠 JS 插件来创建滑块组件。有时，我们需要一种简单的方法来快速将元素制作成可滚动的容器。现在，多亏了 CSSS scroll sn…

css画出六边形的方法：1、把正六边形分成三部分，然后将div及伪元素的宽高计算出来并设置；2、把正六边形分成三个宽高相同的div，然后使用定位以及css3 transform:rotate分别向左右旋转60deg形成正六边形即可。 本教程操作环境：windows7系统、css3版本、Dell G3…

不同：css3是css技术的升级版本，css3中添加了一些新属性和选择器，可以更好更方便的进行网站的开发，例如圆角、阴影、渐变、媒体查询、“:root”选择器等。css3有兼容问题，有些属性需要添加针对浏览器的前缀以便支持，例“-ms-”。 本教程操作环境：windows7系统、css3版、Dell…

css设置背景颜色的方法：首先创建一个HTML示例文件；然后在head头部中添加style标签；接着在body中定义一个p标签和h1标签；最后通过background-color属性设置相应的背景颜色即可。 本文操作环境：宏基s40-51、windows10家庭中文版、html5&&…

什么是混合？ 根据维基百科： ❝数字图像编辑和计算机图形中的混合模式(或混合模式)用于确定两个图层如何相互混合。在大多数应用程序中，默认的混合模式只是通过用顶层的内容覆盖底层来隐藏底层。❞ 在CSS中，有两个属性负责混合。mix-blend-mode用于混合DOM元素，background-blen…

在css规则中，可以使用Line-height属性来设置行间距，语法格式“line-height:值”。line-height属性可以设置行使用的空间量，即行间的距离；line-height属性的值越大，那么行间距就越高。 本教程操作环境：windows7系统、css3&&html5…

CSS 9pt等于12px。pt和px的计算公式为“pt=px*dpi/72”，而以Windows下的96dpi（默认）来计算，“9pt = 9 * 1/72 * 96 = 12px”。 本教程操作环境：windows7系统、css3版、Dell G3电脑。 css pt和px单位 pt (poin…