阿亮web-CSDN博客

原创 html+css---flex(弹性盒)

space-between：是空白空间平均分布在弹性元素之间，弹性元素与弹性容器之间没有距离。space-between：是空白空间平均分布在弹性元素之间，弹性元素与弹性容器之间没有距离。space-around：是空白空间平均分布在弹性元素二侧，弹性元素与弹性容器之间有距离。space-evenly：是空白空间平均分布在弹性元素一侧，弹性元素与弹性容器之间有距离。space-evenly：是空白空间平均分布在弹性元素一侧，弹性元素与弹性容器之间有距离。flex-start：是弹性元素在主轴开始处排列。

2023-07-26 17:29:39 125 1

原创 html+css---transition(过渡)/animation(动画)

ease-in-out 设置慢开始和结束。alternate-reverse 反-正-反。## animation-timing-function:设置动画运行的速度。## animation-iteration-count:设置动画播放次数。## transition-timing-function：设置过渡速度。alternate 正-反-正。## animation-fill-mode：设置动画停止是的状态。## animation-play-state:设置动画是否停止。ease 先慢后快再慢。

2023-07-16 14:07:12 728 1

原创 html+css---transform(2d\3d变形)

# transform:perspective(200px)--->子元素。只有父元素设置了透视效果，子元素的z轴的平移效果才能显示。二个值：第一个代表宽，第二个代表高。## scale:设置缩小放大，数值，代表当前元素的宽高的倍数，只写一个值代表水平方向，垂直为0。# transform-style:设置子元素的展示空间。## transform-origin:设置旋转的定点。水平：正值向右，负值向左。垂直：正值向下，负值向上。只写一个值：水平方向。## 取值：preserve-3d 伪3D。

2023-07-16 14:03:43 175 1

原创 html+css---position(定位)

3.3 width和left/right同时设置auto时，多余部分给left/right吸收 3.4 left和right同时设置auto时，多余部分给right吸收**4**．设置三个值: 4.1有left/right，多余部分就给left/right吸收。left+margin-left+brder-left+padding-left+width+padding-right+border-right+margin-left+right=包含块内容宽度。

2023-07-16 14:01:22 103 1

原创 html+css---float(浮动)

4.浮动元素后面再标准文档流中的元素会上移=》原因：标准文档流符合一行排完才会到下一行。**原因**：1.子元素浮动，脱离标准文档流，2.父元素没有高度，默认由子元素给它撑开。**both**：清除二边对他影响更大的一侧浮动=》元素上移的距离。3.通过html在父元素中添加一个在标准文档流的块元素，清除浮动。1.浮动元素上方有在标准文档流中的块元素，浮动元素不会上移。b. 父元素设置浮动:影响父元素的兄弟元素布局，不推荐。**right**：清除右边浮动元素对其的影响。c. 设置父元素为行内块元素。

2023-07-16 13:58:34 104 1

原创 html+css---background(背景属性)

格式：background:radial-gradient(60% 40%,shape(渐变的形状),closest-side,颜色颜色）把图像扩展最大尺寸，铺不满，就会**留白**例：background:linear-gradient(red **10%**,green **90%**)shape（渐变的颜色）有·······**ellipse**(椭圆--默认值)/**circle**(圆形)###### background-attachment(背景图片的固定)属性值：100px 100px;

2023-07-16 13:47:10 134 1

原创 html+css---overflow、display和隐藏显示

visibility：hidden 隐藏隐藏时元素位置占用。display:none 隐藏隐藏时元素位置不在占用。方法三：改变元素的高度和overflow一起使用。方法二：visibility：设置元素可见性。overflow-x:设置水平方向。overflow-y:设置垂直方向。### inherit：继承父元素的效果)overflow：设置溢出内容显示样式。方法一：display。### scroll：设置生成滚动条。### (visible: 显示溢出。### hidden：溢出隐藏。

2023-07-16 13:44:41 295 1

原创 html+css---文本省略（省略号）

*** 必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。4.设置溢出文本显示** **text-overflow: ellipsis;**** ==》ellipsis:省略号。**-webkit-时chrome兼容标志**2.设置几行省略 -webkit-line-clamp 限制款元素显示的文本的··············行数。2.设置元素文本内容一行显示 **white-space: nowrap;

2023-07-16 13:40:24 820

原创 html+css---文本样式（text）

文字样式（倾斜） font-style:normal(正常)/italic/oblique(更倾斜[强调])rgba(red,green,blue,alpha) alpha [0,1]设置不透明度 0 完全透明 1完全不透明。简写 font: 简写 font:必须要写二个属性值文字大小文字字体，并且在最后二个。文字字体 font-family:"楷书","宋体";取值：text-shadow：x， y， blur， color。行高=字体大小+上间距+下间距上间距=下间距。

2023-07-16 13:37:30 486 1

原创 html+css---css选择器

ul>li:nth-child(2) (2n)/(even)寻找偶数（2n+1）/(odd)奇数。div::before/::after 在元素（div）设置第一个子元素，必须与content属性连用，默认是行元素。（3n+1）/(3n+2) 数字的含义 n 和 +1的意义。div::firdt-after 选择第一个字元素（div）必须是块元素。5. li:nth-child(2) (2n)/(even)寻找偶数（2n+1）/(odd)奇数。

2023-07-16 13:33:21 49 1

原创 html+css----表单

datalist：设置input可能选择的标签选项，input的**list**值等于**datalist**的**id**值，option设置选项。get 数据随form跳转的url一起传输，数据内容会在跳转页面的地址栏显示，不能传输敏感数据。<input list="gege"> //没有type="text"也可以用。radio 单选按钮，在一组数据中选择一个，相同name值的为一组。submit 提交，只是将数据提交到浏览器。<input type="submit" value="提交">

2023-07-16 13:30:56 343 1

m0_57124753的博客