chichi0002

2022年10月20日

CSS3 -3D转换-位移translate、旋转 rotate3d、透视 perspective、呈现transfrom-style

摘要： CSS -3D转换-位移:translate、旋转: rotate3d、透视: perspective、呈现transfrom-style 3D转换我们主要学习工作中最常用的3D位移和3D旋转 3D位移:translate3d(x,y,z) 3D旋转: rotate3d(x,y,z) 透视: per 阅读全文

posted @ 2022-10-20 00:15 chichi0002 阅读(542) 评论(0) 推荐(0)

2022年10月12日

CSS3-动画

摘要： CSS3-动画动画( animation)是 CSS3 中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。动画制作分两步：先定义动画再调用动画 1、用 keyframes 定义动画（阅读全文

posted @ 2022-10-12 21:28 chichi0002 阅读(33) 评论(0) 推荐(0)

2022年10月11日

CSS3 -2D转换之translate （移动：translate、旋转：rotate、缩放：scale）

摘要： CSS3 -2D转换之translate 转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果，可以简单理解为变形移动：translate 旋转：rotate 缩放：scale 1、位移-translate 2D移动时2D转换里面的一种功能，可以改变元素阅读全文

posted @ 2022-10-11 21:52 chichi0002 阅读(885) 评论(0) 推荐(0)

CSS3-盒子模型、图片变模糊、calc函数、过渡

摘要： CSS3—盒子模型、图片变模糊、calc函数、过渡 2.CSS3 盒子模型 CSS3中可以通过box-sizing来指定盒模型，有2个值:即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况︰ box-sizing:content-box 阅读全文

posted @ 2022-10-11 21:10 chichi0002 阅读(121) 评论(0) 推荐(0)

2022年10月3日

CSS3-属性选择器、结构伪类选择器、伪元素选择器

摘要： CSS3 的新特性新增的CSS3特性有兼容性问题，ie9+才支持移动端支持优于PC端 1.CSS3 新增选择器（1）属性选择器属性选择器可以根据元素特定属性来选择元素。这样就可以不要借助于类或者 id 选择器。 ==注意：==类选择器、属性选择器、为类选择器，权重为10 （2）结构伪类选择器阅读全文

posted @ 2022-10-03 20:33 chichi0002 阅读(220) 评论(0) 推荐(0)

HTML5的新增特性

摘要： HTML5 的新增特性 1.HTML5 新增的语义化标签 header ：头部标签 nav：导航标签 article：内容标签 section：定义文档某个区域 aside：侧边栏标签 footer：尾部标签 ==注意:== 1.这种语义化标准主要是针对搜索引擎的 2.这些新标签页面中可以使用多次阅读全文

posted @ 2022-10-03 10:03 chichi0002 阅读(76) 评论(0) 推荐(0)

2022年10月2日

css布局三角巧妙运用-三角强化

摘要： css布局三角巧妙运用-三角强化原理：做出一个矩形盒子（如下：红色）和一个直角三角盒子（如下：蓝色），将直角三角定位到矩形右侧。直角三角代码如下： *注意：直角三角是由一个width和height均为0的正方形盒子变化而来，通过设置盒子的边框宽度来实现大小，案例中不是等腰三角形，需要通过增加上边阅读全文

posted @ 2022-10-02 21:41 chichi0002 阅读(111) 评论(0) 推荐(0)

单行文字溢出省略号显示、多行文字溢出省略号显示

摘要：单行文字溢出省略号显示、多行文字溢出省略号显示 1、单行文字溢出显示省略号——必须满足三个条件 /*1、先强制一行显示文本*/ white-space: nowrap ; (默认 normal 自动换行) /*2、超出的部分隐藏*/ overflow: hidden; /*3、文字用省略号替代超出的阅读全文

posted @ 2022-10-02 20:18 chichi0002 阅读(440) 评论(0) 推荐(0)

vertical-align 属性应用

摘要： vertical-align 属性应用 CSS的 vertical-align 属性使用场景：经常用于设置图片或表单（行内块元素）和文字垂直对齐。官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内元素或者行内块元素有效。 vertical-align :baseline | top | m 阅读全文

posted @ 2022-10-02 20:00 chichi0002 阅读(55) 评论(0) 推荐(0)

2022年9月26日

PC端网页特效-元素偏移量 offset 系列

摘要： PC端网页特效—元素偏移量 offset 系列 1.offset概述 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 2.offset系列常阅读全文

posted @ 2022-09-26 10:15 chichi0002 阅读(61) 评论(0) 推荐(0)

公告