- 博客(21)
- 收藏
- 关注
RSS订阅原创 justify-content 属性
子元素之前、之间、之后都留有空白空间，且空间自行分配,项目之间的间隔比项目与边框的间隔大一倍。两端对齐，子元素和子元素之间有空白空间,项目之间的间隔都相等。justify-content 属性：设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方式,space-evenly:弹性项目平均分布在该行上,相邻项目的间隔，项目与容器之间空间相等。
2023-02-27 19:20:23
2415
原创 flex基本概念
默认交叉轴方向——y轴方向，水平向下（上方为交叉轴起点，下方交叉轴终点）默认主轴方向——x轴方向，水平向右（左侧为主轴起点，右侧为主轴终点）弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。flex容器、项目——弹性子元素。默认在容器中有两根轴线。
2023-02-27 19:13:41
119
原创 弹性盒概念
引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间。原理：为父元素设置flex属性，控制子元素的位置及排列方式。弹性盒模型的内容包括：弹性容器、弹性子元素——项目。弹性盒子是CSS3的一种新的布局模式。IE11或更低版本中，不支持或部分支持。操作方便，布局简单，移动端使用广泛。PC端浏览器支持情况较差。应用场景 : 移动端。
2023-02-27 19:11:29
100
原创 单行及多行文本溢出省略号
div class="box" title=" 30岁人大硕士为学医重新高考30岁的纪思璇是一名就读于人大的在职研究生，但她梦想着成为一名医生">/* 设置宽度可以微调省略号的盒子大小，盖住多余的文字 *//* 4.溢出显示省略号 *//* 强制文本不换行 *//* 强制文本不换行 *//* 1.设置宽度 *//* 3.溢出隐藏 *//* 1.设置宽度 */
2023-02-27 14:12:01
89
原创 浮动以及清浮动
文档中可以显示的对象在排列时所占的位置，实际上就是一个网页内标签正常从上到下，从左到右的排列，比如，块级标签会独占一行，行级标签会在一行显示。浮动可以使元素【脱离文档流】，【按照指定方向排列】，直到遇到父元素的边界或另一个浮动元素【停止】因为子元素设置浮动后脱离正常标准流，导致父元素高度塌陷，影响后续布局。如果浮动元素的宽度之和大于父元素，则浮动盒会被挤到下一行。1.元素浮动后不占位，脱离正常标准流，不脱离文本流。html结构在前的先浮动，其余随后浮动。元素浮动后不占位，脱离正常标准流，不脱离文本流。
2023-02-27 14:11:37
76
原创 css优先级
基础选择器的权值：通配符选择器（0）、标签选择器（1）、class选择器（10）、id选择器权值（100）行间样式的优先级>id选择器的优先级>类选择器的优先级>标签选择器的优先级>通配符选择器的优先级。- 行间样式优于内部和外部样式，但是高不过!- 行间样式优于内部和外部样式，但是高不过!子元素继承父元素的样式优先级为0，自己设置会把继承的覆盖。important优于行间样式 大boos。选择器优先级与权值相关，权值越大，优先级越高。- 内部样式和外部样式就近原则。- 内部样式和外部样式就近原则。
2023-02-27 14:08:24
108
原创 from表单域
get 方法：将表单中数据的按照 variable（name的值）=value（输入框的值） 的形式，添加到 action 所指向的【 URL 后面，并且两者使用“?写input表单控件收集信息的时候，要嵌套在form表单域中，否则信息提交不到后台。表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互。实现用户信息的收集和传递。一个完整的表单包含：表单域，表单控件（表单元素），提示信息，共三个部分；name属性：如果不写name属性，提交的时候，表单里的内容不会提交到后台。
2023-02-27 14:04:20
97
原创 表格CSS属性
CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：外间距、边框、内填充、和实际内容。（即装东西的容器）所有 HTML 标签可以看作盒子，在 CSS 中，"box model" 这一术语是用来设计和布局时使用的。（即网页布局 就是利用 CSS 摆盒子）
2022-09-08 23:13:03
219
原创 CSS 盒模型
围绕着内容和内填充区域的线1.border-width:边框的宽度单位：像素注意：只写一个border-width设置不上边框的宽的，得写上边框的线型2.border-style：边框的线型1.solid 单实线2.double 双实线3.dashed 条状虚线4.dotted 点状边框5.none 没有边框3.border-color:边框的颜色1.关键词2.十六进制色值默认边框的颜色为元素本身的前景色4.复合写法例子：一个值：四个边框两个值：上下边框 左右边框。
2022-09-05 22:14:42
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人