CSS_WEB开发者-专业的开发人员学习交流的平台
  • 奇妙的 CSS 属性 MASK详解
  • 奇妙的 CSS 属性 MASK详解

    本文将介绍 CSS 中一个非常有意思的属性 mask 。
    顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分

    [PHP教程]2020-07-070

  • CSS 中使用径向渐变实现卡券效果
  • CSS 中使用径向渐变实现卡券效果

    前几天,同事接到一个积分商城项目,其中有一个卡券兑换礼品功能。我想了一会没什么好的思路,就忙自己的项目去了。但想到以后自己可能也会遇到类似的需求,所以周末学习整

    [PHP教程]2020-07-060

  • 解决CSS样式冲突的几个办法(小结)
  • 解决CSS样式冲突的几个办法(小结)

    1. 细化选择符
    通过使用组合器(Combinator)将选择器的描述写得更加精确(参考CSS选择器 - MDN ),例如对于下述代码片段,如果想给.cellphones中的.apple增加样式,只使用.appl

    [PHP教程]2020-07-060

  • CSS Viewport 单位 实现快速布局
  • CSS Viewport 单位 实现快速布局

    **CSS Viewport units(视口单位)**在过去几年已经出现了,随着时间的推移,越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就

    [PHP教程]2020-07-020

  • css 实现动态二级菜单
  • css 实现动态二级菜单

    动态实现简单的二级菜单

    当鼠标放到一级标签上时,鼠标会变成小手的形状 展示二级菜单,源码如下,复制即可直接使用


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <me

    [PHP教程]2020-06-300

  • CSS实现背景渐变和自动全屏的代码
  • CSS实现背景渐变和自动全屏的代码

    CSS 关于背景渐变和自动全屏的问题
    主编在css开发时发现了一个致命的问题:

    在设置了背景颜色渐变后好不容易调成了全屏覆盖

    但按下了F11的时候崩溃的世界开始了

    [PHP教程]2020-06-220

  • CSS3新增布局之: flex详解
  • CSS3新增布局之: flex详解

    flex 基本概念
    flex布局(flex是flexible box的缩写), 也称为弹性盒模型 。将属性和属性值(display:flex; )写在哪个标签样式中,谁就是 容器;它的所有子元素自动成为容器成员

    [PHP教程]2020-06-180

  • CSS实现Skeleton Screen骨架屏效果
  • CSS实现Skeleton Screen骨架屏效果

    在加载网络数据时,为了提升用户体验,通常会使用一个转圈圈的loading动画,或者使用Skeleton Screen占位。相比与loading动画,Skeleton Screen的效果要更生动,实现起来来也

    [PHP教程]2020-06-160

  • 详解如何简单实现CSS主题的切换
  • 详解如何简单实现CSS主题的切换

    我最近在我的个人网站上添加了一个非常简单的配色方案(主题)切换器。您可以在网站的页脚中切换此简单的颜色切换器,以查看其实际效果。万一其他人希望将这样的功能添加

    [PHP教程]2020-06-150

  • 纯CSS实现左右拖拽改变布局大小
  • 纯CSS实现左右拖拽改变布局大小

    利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。
    webkit浏览器下滚动条可以自定义,其中resize区域大小就是scrollbar的大小

    [PHP教程]2020-06-120

  • CSS中的float和margin的混合使用示例代码
  • CSS中的float和margin的混合使用示例代码

    在最近的学习中,在GitHub上找了一些布局练习,我发现了我自己对布局超级不熟悉(很难受)。
    在以前的学习中,感觉使用CSS就记住各个属性的功能就OK了,但是呢?真的很打脸。不说

    [PHP教程]2020-06-120

  • css实现朋友圈照片排列布局的代码
  • css实现朋友圈照片排列布局的代码

    首先可以打开朋友圈观察不同图片数量的几种布局,也可参考下图示例;
    可以发现除1张图片,4张图片特殊外,其他数量图片均使用一行三列的方式排列;



    假设有如下HTML代码,这

    [PHP教程]2020-06-100

头条

推荐阅读
  • iOS13.4耗电快怎么办 iOS13.4省电设置方法 iOS13.4耗电快怎么办 iOS13.4省电设置方法
  • iOS13.4GM和iOS13.4.5beta哪个好用 iOS13.4GM和iOS13.4.5beta对比 iOS13.4GM和iOS13.4.5beta哪个好用 iOS13.4GM和iOS13.4.5beta对比
  • iPhone SE值不值得买? iPhone SE值不值得买?
  • iPhone收不到软件更新怎么办 iPhone/iPad不提示软件更新解决方法 iPhone收不到软件更新怎么办 iPhone/iPad不提示软件更新解决方法
  • 热门标签