- 博客(16)
- 收藏
- 关注
RSS订阅原创 弹性盒子布局知识
给容器盒子/父级标签设置弹性盒子属性：display: flex; 当子标签整体尺寸超过父级标签时 子标默认会缩小均分父级标签的控件 父级标签没有高度塌陷的问题 默认情况下 水平是主轴方向 垂直是交叉轴方向 主轴方向的排列方式 水平左对齐 ： justify-content: flex-start; 水平右对齐： j
2022-11-11 20:24:46
1782
原创 表格相关知识
align代表水平方向 left center right。valign代表垂直方向 top middle bottom。rowspan是上下方向的单元格合并 -->colspan是左右方向单元格的合并。tr是行标签 th是表头标签。css样式具有继承性和叠加行。td是列标签 -->
2022-11-01 19:47:47
73
原创 定位相关知识拓展
图标字体（iconfont） -在网页中经常需要使用一些图标，可以通过图片来引入图标 但图片本身比较大，也不灵活 -所以使用图标时，我们还可以将图标直接设置为字体， 然后通过font-face的形式来对字体进行引入 -这样我们就可以通过使用字体的形式来使用图标 图标字体库： https://www.iconfont.cn/ http://www.fontawesome.com.
2022-10-20 20:31:16
62
原创 定位相关知识
布局：文档流，margin，浮动，定位····定位：一种高级的布局的方式。你可以将任何的元素，放在页面任意的位置学习定位：如何开启，开启后特点position样式名，可选值：static 默认值，没有开启定位开启定位的情况relative 相对定位absolute 绝对定位fixed 固定定位sticky 粘滞定位。
2022-10-19 20:34:30
94
原创 高度塌陷问题和解决方法
一般情况下，父元素的高度不会写固定值，而是让他被子元素撑开，随着子元素高度的变化而变化：给子元素设置浮动，子元素脱离文档流，就不能再撑开父元素的高度，导致父元素高度的丢失，从而影响了整个页面的布局。
2022-10-18 20:26:09
82
原创 盒子模型知识拓展
浏览器规定一个元素水平方向的7个值相加必须要等于其父元素内容区的宽度，如果不等于的话，浏览器就会强制调整这7个值，让你相等。我们管这个过程叫过度约束600。
2022-10-14 19:25:03
119
原创 盒子模型相关知识
答：把元素布局到页面里，就像买个桌子放到家里，要知道桌子的大小，形状，然后才能放到家里因此把所有的元素都想成盒子，矩形，只需要考虑大小即可盒模型、盒子模型、框模型（box model）内容区 冰箱内边距 泡沫边框 纸盒子外边距 快递的位置影响盒子大小的因素：内容区，内边距，边框会影响盒子的大小，外边距不会影响。
2022-10-13 19:08:07
197
原创 文档流相关知识
网页是一个多层的结构,设置样式样式，也是一层一层的设置，最终我们看到的最上面的一层文档流是网页最底层我们创建的元素默认情况下，都在文档流中元素分为两种状态：在文档流中，脱离文档流。
2022-10-12 19:40:32
89
原创 html字体相关知识的拓展
1、vertical-align 设置非baseline默认值即可2、可以设置其父元素的font-size为0,注意如果父元素里有文字，需要重新设置字体大小3、可以讲图片转成块元素4、将元素脱离文档流，例如可以设置浮动，设置弹性盒子，设置绝对定位。
2022-10-11 19:51:31
334
原创 html字体相关知识
在网页中将字体分成5大类：serif ['serif]（衬线字体）sans-serif（非衬线字体）monospace （等宽字体）cursive ['kə:siv]（草书字体）fantasy ['fæntəsi]（虚幻字体）可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式一般会将字体的大分类，指定为font-family中的最后一个字体 ,用来兜底五、字体的其他样式设置一个文字大小设置一个字体设置文字斜体。
2022-10-10 18:48:21
358
原创 CSS选择器知识扩展
伪类 只是表示一种特殊的状态:link,:visited 是超链接独有的，一般用的不是很多，了解即可:hover,:active 是所有的标签都有，用的比较多，必须掌握。
2022-10-09 16:21:15
105
原创 构成网页各个主要标签的作用
html标签 根标签/根元素 一个页面只能有一个html标签， 若非要写另一个html标签，浏览 器会自动纠错。作用：文档声明 告诉浏览器，我是按照html规范进行编译，浏览器你在给我解析，也按照html规。作用：title标签 网页的标题 可以帮助浏览器快速定位网站。作用：head标签 主要设置元信息 帮助浏览器编译代码。作用：meta 设置头部的元信息 属性="属性值"作用：body标签 书写网页的主体内容。作用：body标签 书写网页的主体内容。
2022-09-27 19:09:14
792
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人