![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS前端
文章平均质量分 94
这个作者很懒,什么都没留下…
jun266a
怎么可能, 在我这是好的, 刚刚还好好的, 重启下电脑试试, 用户不会像你这么操作的,清下缓存试试
展开
-
平凡前端之路_13.CSS3过渡与动画
CSS3 过渡(transition)特性能在网页制作中实现的一些简单的动画效果变得更具流线性、平滑性。CSS3 动画 (animation) 特性支持在网页制作中实现更复杂的样式变化,以及一些交互效果。原创 2021-07-20 15:31:05 · 188 阅读 · 0 评论 -
平凡前端之路_12.CSS3变形
CSS3 变形(transform)特性支持在 2D 或者 3D 空间里操作网页对象的位置和形状,例如旋转、扭曲、缩放或者移位。CSS3 变形可以任意指定变形的基点位置、3d景深距离及消失点。原创 2020-11-19 14:34:48 · 214 阅读 · 0 评论 -
平凡前端之路_11.网格布局
CSS3 网格布局将网页划分成一个个网格,同时处理列和行,可以任意组合不同的网格。采用grid布局的区域,称为grid"容器"(grid container),简称”容器”。容器内部采用网格定位的子元素,行和列的交叉区域,称为grid"项目"(grid item),简称”项目”。CSS3 网格布局可以指定容器行列间隔、网格区域、容器和项目内容对齐方式。原创 2020-11-12 20:01:29 · 254 阅读 · 0 评论 -
平凡前端之路_10.弹性盒布局
弹性盒子布局决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。采用flex布局的元素,称为flex容器。子元素自动成为容器成员,称为flex项目。flex容器能指定主轴方向交叉轴方向及对齐方式和指定单行或者多行。flex项目能指定扩展比率、收缩比率和伸缩基准值。flex-grow之和小于1和大于1的计算方式。flex-shrink之和小于1和大于1的计算方式。flex项目能单独指定排列顺序和在交叉轴上的对齐方式。原创 2020-06-16 10:44:03 · 279 阅读 · 0 评论 -
平凡前端之路_09.可变更的盒模型与多列布局支持
CSS 假定所有的HTML 元素都生成了一个描述该元素在HTML布局中所占空间的盒子,定义了一系列与盒子相关的属性,丰富盒子的表现效果。由间距margin、边框border、内边距padding、内容content组成。标准盒子content-box的content部分不包含其他部分。IE盒子border-box的content部分包含了content、border和paddingCSS3提供了box-sizing属性允许设置元素使用content-box或者border-box盒模型。原创 2020-05-27 10:15:03 · 244 阅读 · 0 评论 -
平凡前端之路_08.CSS3的背景效果
CSS3 不再局限于背景色、背景图像的运用,还可以在一个元素上设置多层背景图像。多张不同的背景和图像用逗号隔开,先引入的图像在上一层后引入则在下一层。背景图像可以设置多次,但背景色只能设置一次。使用 CSS3 border-image 属性,可以给元素使用图像制作边框。边框图像可以使用渐变背景。边框图像可以使用径向渐变和颜色透明制作圆角边框。原创 2020-05-25 16:39:31 · 387 阅读 · 0 评论 -
平凡前端之路_07.CSS3的视觉效果
CSS3 新增圆角、盒子阴影、半透明、文字效果、渐变背景等视觉效果。border-radius 属性,可以给元素制作 "圆角"。box-shadow 属性,可以给元素添加一个或多个阴影。opacity 属性,可以给元素添加透明度。text-shadow 属性,可以给文字添加一个或多个阴影。text-overflow 属性,可以指定如何显示文本溢出内容。渐变 gradients,可以让两个或多个指定的颜色之间显示渐变的过渡。背景对半颜色;光标的颜色;原创 2020-04-23 15:17:24 · 317 阅读 · 0 评论 -
平凡前端之路_06.CSS与CSS3的选择器
CSS的选择器-基础的选择器、复杂的选择器、属性选择器、伪元素选择器、动态伪类选择器、目标伪类选择器、状态伪类选择器、结构伪类选择器、否定伪类选择器。伪类和伪元素选择器的区别。CSS 选择器权重,权重决定了css规则怎样被浏览器解析直到生效。CSS 选择器命名, BEM命名,即Block_Element--Modifier,功能块_元素--修饰符。OOCSS命名,即Object Oriented CSS,面向对象的CSS。原创 2020-04-11 15:48:54 · 196 阅读 · 0 评论 -
平凡前端之路_05.CSS与CSS3
CSS3 是最新的 CSS 标准,集成了之前版本CSS 的部分内容,并进行了很多的增补与修订。CSS3新特性概览。插入样式表的方法有三种:外部样式表(External style sheet)、内部样式表(Internal style sheet)、内联样式(Inline style)。按照样式表优先级顺序判断哪些属性值与元素最相关以决定并应用到该元素上。层叠是CSS的一个基本特征,它是一个定义了如何合并来自多个源的属性值的算法。继承到样式的标签和定义样式的标签必须是从属关系。原创 2020-04-08 10:15:56 · 542 阅读 · 1 评论