2024-01-26nowrap：默认，弹性容器为单行，该情况下弹性子项可能会溢出容器。content-box：width是内容区大小。border-box：width是整体的大小。flex-direction：布局内子元素的排列方式。内容对齐：把弹性元素沿着弹性容器的主轴线对齐。column-reverse：从下到上。fiex-start-默认值-左对齐。space-between：左右对齐。row-reverse：从右到左。space-around：均分。wrap-reverse：反转。flex-end-右对齐。

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

2024-01-26我们浏览网页的时候总能看见一些炫酷的特效，比如百叶窗效果，本文我们就用HTML cSS制作一个百叶窗小项目，适合刚学前端的小伙伴，使用代码简单易懂，很容易上手，学习完本文后，相信你也能敲出来属于自己的百叶窗效果，改变图片及相应盒子的大小，有女朋友的可以试着放几张在一起的照片，也是一件非常浪漫的事_html百叶窗效果

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

2024-01-26JavaScript实现3D轮播图_3d轮播图

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

2024-01-26flex-wrap属性定义，如果一条轴线排不下，如何换行。nowrap（默认）：不换行。wrap：换行，第一行在上方。（常用此项）wrap-reverse：换行，第一行在下方。flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap// 主轴水平向右，并且元素自动换行。_flex布局

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

2024-01-26以上就是关于的使用方法：1. 获取文字节点2. 创建选区3. 创建高亮4. 自定义样式**文本颜色 `color`背景颜色 `background-color`文本修饰 `text-decoration`文本阴影 `text-shadow`文本描边 `-webkit-text-stroke`文本填充 `-webkit-text-fill-color`以下是兼容性，比较差，目前谷歌只兼容chrome 105以上。

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

2024-01-26图片轮播的原理是通过控制显示和隐藏不同的图片来实现图像的切换，从而创建连续播放的效果。用到的知识点有定位和定时器。实现步骤：首先，需要在HTML中创建一个包含轮播图片的容器，通常使用或元素。每张图片通常嵌套在容器内的单独元素中，例如或。通过cSS样式，定义轮播容器的尺寸、位置、样式以及图片的尺寸和位置。使用cSS来设置图片的显示和隐藏，通常通过或者opacity: 0;来隐藏不显示的图片。JavaScript用于控制图片的切换。_css轮播图

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

2024-01-26垂直方向没有，还是在段落标签的下面显示的。---这样写，也是不显示的。注意：--bar在申明的时候，没有值可以，但是不能把值写错。函数还可以使用第二个参数，表示变量的默认值。为了不产生冲突，官方的 cSS 变量就改用两根连词线了。：定义某元素下的变量。只能在某元素身上，以及这个元素的内部的所有的标签去使用。这里绝对定位的top值 设置 了 top:0， 这个盒子会把段落标签p盖住。calc()函数支持 " ", "-", "*", "/" 运算；第二个参数不处理内部的逗号或空格，都视作参数的一部分。_css变量

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

2024-01-26属性表示注意点font-size字号一定要跟上单位，通常单位是px字体实际工作中按照团队约定来写字体字体粗细加粗是700或bold，不加粗是400或normal，数字不要跟单位font-style字体样式倾斜是italic，不倾斜是normal，工作中最常用normalfont字体连写1、字体连写是有顺序的，不能随意换位置2、其中字号和字体必须同时出现四、cSS文本属性cSS Text（文本）属性可定义文本的外观，比如文本颜色、对齐文本、装饰文本、文本缩进、行间距等。属性。

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

2024-01-26给设置了display：flex的子组件设置了flex：1；就能让他填满整个容器，如果有多个就平均flex：1；是另外三个样式属性的简写，等同我们就针对上面3个属性结合代码来进行讲解。_css flex:1

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

2024-01-26登录注册页面改造升级_注册页面html代码

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