码迷,mamicode.com
首页 >  
搜索关键字:CSS3 多列布局    ( 9847个结果
伪类和伪元素的区别
伪类与伪元素的特性及其区别: 伪类本质上是为了弥补常规CSS选择器的不足 伪元素本质上是创建了一个有内容的虚拟容器 CSS3中伪类和伪元素的语法不同; 伪类 :link :hover 伪元素 ::before ::after (伪类单冒号,伪元素双冒号) 可以同时使用多个伪类,而只能同时使用一个伪元 ...
分类:其他好文   时间:2021-01-16 12:14:40    阅读次数:0
CSS3 Flexbox布局
Flexbox布局 Flexbox布局(也叫Flex布局或弹性盒子布局)模块旨在提供一个更有效的布局、对齐方式,并且能够使容器中的子元素大小未知或动态变化的情况下仍能分配好子元素之间的空间。 Flex布局的主要思想是使父容器能够调节子元素的宽度/高度和排列顺序,从而能够最好的填充可用空间。 任何一个 ...
分类:Web程序   时间:2021-01-12 11:20:52    阅读次数:0
CSS3选择器 :nth-child()的用法
:nth-child() :nth-child() 选择器,该选择器选取父元素的第 N 个子元素,与类型无关。 一、选择列表中的偶数标签:nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第 ...
分类:Web程序   时间:2021-01-12 10:46:22    阅读次数:0
3D立体效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基于CSS3的3D立方体旋转动画</title> <style> /* 3d旋转样式 */ .cub { width: 2.5rem; height: 2.5rem; positi ...
分类:其他好文   时间:2021-01-11 11:09:41    阅读次数:0
vue + css3 实现主题色切换
开发商城总免不了主题色的更换, 总不能一个个颜色手动粘贴复制吧,一键切换不香嘛 首先需要用到css3的var()函数,用法如下 1 body { 2 --size: 20px; 3 font-size: var(--size); // 20px 4 padding:var(--size); // 2 ...
分类:Web程序   时间:2021-01-07 12:39:05    阅读次数:0
background简写
在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个。 CSS2.1 background-color 使用的背景颜色。 background-image 使用的背景图像。 background-repeat 如何重复背景图像。 ...
分类:其他好文   时间:2021-01-07 12:27:40    阅读次数:0
CSS3 3D对话框
①我是觉得这之类的特效好玩来分享给大家 ②源代码分享给大家 >可以先运行一遍哦 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3 3D对话框</title> <style> html, body { ...
分类:Web程序   时间:2021-01-06 11:46:41    阅读次数:0
HTML5 SVG制作水滴粘连动画的Radiobox单选框【亲测谷歌浏览器】
【单选框美化】 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>HTML5 CSS3 SVG 水滴粘连动画的Radiobox单选框</title> <style> body { align-items: c ...
分类:Web程序   时间:2021-01-06 11:42:30    阅读次数:0
nth-child的运用
CSS3 :nth-child() 选择器 :nth-child(2) 选取某一类标签中的第几个标签, 下面的语句表示选择someOnediv下的第二个li标签 .someOnediv li:nth-child(2){background:#090} 下面的语句表示选择某一同名集合class中的第二 ...
分类:其他好文   时间:2021-01-02 10:51:45    阅读次数:0
移动端 CSS3动画属性
一、transform 转换属性 #1. translate位移 transform : translate(50px,100px); //把元素水平移动 50 像素,垂直移动 100 像素 transform : translateX(50px); //把元素水平移动 50 像素 transfor ...
分类:移动开发   时间:2020-12-19 11:36:02    阅读次数:1
9847条   上一页 1 2 3 4 5 6 ... 985 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!