css3 - 爱码网

css3 flex弹性布局详解

一、flexbox弹性盒子 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。二、基本概念 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提 ... »

CSS3新增选择器（属性选择器、结构伪类选择器、伪元素选择器）

本博文介绍了CSS3中新增的选择器，包括属性选择器、两类结构伪类选择器和伪元素选择器，并对两类结构伪类选择器进行了比较。 ... »

jquery和css3中的选择器nth-child使用方法和用途示例

目录 CSS3伪类选择器：nth-child() nth-child()的几种用法 css3实现隔行变色 jQuery :nth-child() 选择器语法 jQuery实现隔行变色 jQuery替换p标签为h2标签，内容不变 nth-child()，是CSS3中的一个伪类选择符， »

CSS3弹性盒子

传统布局与flex布局传统布局兼容性好布局繁琐局限性，不能在移动端很好地布局 flex 弹性布局操作方便，布局极为简单，移动端应用很广泛 PC 端浏览器支持情况不如移动端 flex 布局的基本概念 Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 fl ... »

暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现

众所周知，网页的暗黑模式可以减少屏幕反射和蓝光辐射，减少眼睛的疲劳感，特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应（Neon Effect）提供了发挥的环境。霓虹灯效应是一种视觉效果，其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓 ... »

暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现

众所周知，网页的暗黑模式可以减少屏幕反射和蓝光辐射，减少眼睛的疲劳感，特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应（Neon Effect）提供了发挥的环境。霓虹灯效应是一种视觉效果，其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓 ... »

css3如何实现倾斜效果

这篇文章主要介绍“css3如何实现倾斜效果”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css3如何实现倾斜效果”文章能帮助大家解决问题。 css3实现倾斜效果的方法：1、使用“skew(x,y)”函数可以使元素在水平和垂直方 »

云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM

著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。玉兔主题元素绘制成本最低的绘制 ... »

css预处理器scss/sass语法以及使用

scss scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，使用scss可以很方便的提高开发效率 scss语法以.scss文件后缀结尾，其中语法格式有两种sass,scss, »