自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

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

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

2023-07-26 17:29:39 123 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 722 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 174 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 101 1

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

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

2023-07-16 13:58:34 103 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 132 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 290 1

原创 html+css---文本省略(省略号)

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

2023-07-16 13:40:24 815

原创 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 485 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 46 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 340 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除