2024-02-10用HTML css实现旋转的立方体_html3d旋转正方体

https://www.qianduange.cn//article/1676.html 分类：前端知识

2024-02-10在css3中，增加了一些新的用户界面特性来调整元素尺寸、框尺寸和外边框。css3用户界面属性：resize、box-sizing、outline-offset。outline-offset属性对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。

https://www.qianduange.cn//article/1674.html 分类：前端知识

2024-02-10元素的变形都有一个原点，元素围绕着这个点进行变形或者旋转，默认的起始位置就是元素的中心位置。css3变形使用transform-origin属性指定元素变形基于的原点。修改变形原点为左下角（transform-origin: left bottom 0px;第13行代码改变了div盒子变形原点。

https://www.qianduange.cn//article/1670.html 分类：前端知识

2024-02-10Flexbox是一种简单而强大的布局方式，通过flex可以指明空间的分布方式、内容的对齐方式和元素的视觉顺序，把不同的组件放置在页面中。Flexbox依赖父子关系，在元素上声明display：flex | inline-flex后，这个元素随之成为弹性容器，负责在所占空间内布置子元素（flex-item）。取值：flex-start | flex-end | center | space-between | space-around | space-evenly | stretch。

https://www.qianduange.cn//article/1669.html 分类：前端知识

2024-02-10伪元素以“::”符号开始，并指定需要样式化的元素的特定部分，比如基本的 ::before 和 ::after 两个伪元素就是用来在目标元素前后添加内容的。是在 css3 中引入的，用于描述元素的一些动态的和行为相关的状态。伪类常用于根据用户的操作或当前文档的状态来应用样式，例如 :hover、:active、:focus 等等。伪类和伪元素是css中的两种特殊方式，可以对HTML元素添加一些不同于普通选择器样式的显示效果。::before（元素前插入）::after（元素后插入）:hover（悬停）

https://www.qianduange.cn//article/1666.html 分类：前端知识

2024-02-10在css中认为所有的HTML标签都是一个盒子，这些盒子有以下内容：边框border、内容content、内边距padding（内容与边框的距离）、外边距margin（盒子与盒子之间的距离）:read-only 选择有"readonly"的表单元素，注意只读包含禁用，所以也会影响具有"disabled"的表单元素。E:nth-child(n) { css样式 } - n可以是数字，2n，2n-1，even奇数，odd偶数，具体看情况。内边距：元素内容区域和边框之间的距离，可以设置内边距的大小。

https://www.qianduange.cn//article/1664.html 分类：前端知识

2024-02-10今天一下午什么都没干，只搞了这个模糊效果和动画还有一个发光按钮的效果，不过当真正攻克难关的时候还是感觉很开心的，一定一定要把基础知识掌握牢固（比如overflow和after的两个引号），其实最难的往往还是最基础的知识，因为东西就这么多，就摆在这里，再多的花样也逃不出这些基础知识的范围，花活谁都会整，有基本才是硬道理。关关难过关关过，前路漫漫亦灿灿嘛。_css 背景模糊

https://www.qianduange.cn//article/1662.html 分类：前端知识

2024-02-10本文将详细介绍Flex布局中的换行与溢出处理方法，并结合具体的代码示例，帮助读者更好地理解与运用。2，使用flex属性：flex属性是flex-grow、flex-shrink和flex-basis的缩写。可以通过设置不同的flex-basis值来改变子元素的宽度，从而实现溢出内容的隐藏效果。在上述代码中，容器元素的宽度为400px，设置了flex-wrap属性为wrap，以及子元素的flex-basis属性为200px。在Flex布局中，当子元素的总宽度超过父容器的宽度时，有时我们需要进行换行处理。_flex布局换行

https://www.qianduange.cn//article/1661.html 分类：前端知识

2024-02-10Stylelint 是一个强大的 css 静态分析工具，用于帮助开发者遵循一致的 css 代码风格和最佳实践。它可以检查 css 代码中的错误、不一致的命名约定、不推荐的用法，以及其他潜在的问题。比如说:我们在写css代码时，一般不注重css的书写顺序，那么stylelint就会帮助我们来规范css的书写顺序。这里涉及到css的书写顺序，简单科普以下css书写顺序。_stylelint单引号的新规则是什么

https://www.qianduange.cn//article/1659.html 分类：前端知识

2024-02-10本作品创建了一个代码简单清新的登录界面，整体简明，并具有一定的交互功能，可以在此基础上增加更多的功能或细节_登录页面js代码

https://www.qianduange.cn//article/1654.html 分类：前端知识