- 博客(9)
- 收藏
- 关注
RSS订阅原创 web前端实习Day7--css5
给img设置 vertical-align:top | middle | bottom | baseline（默认值 基线对齐） | px值。若行内块与文本和行内块在一行，则默认会按照基线对齐方式排列，一旦其中一个行内块或文字的上下位置发生改变，就会导致这一排所有文字和行内块都会跟着改变。可以使用vertical-aline属性改变行内块在行内的对齐方式，从而使其不受文本上下位置的影响。当父元素没有设置高度，按照内部的img高度撑开的时，底部会出现缝隙。
2024-03-11 16:18:08
735
1
原创 web前端实习Day6--css4--定位
给当前的块级+line-height=当前块级元素高度 前提是 行内和文字是单行的。给内部的块级加宽度(小于外部的)，同时设置 margin:0 auto。只能通过定位 top 50% margin-top:-自身高度的一半。给当前行内块+vertical-align:middle。margin-left:-自身宽度的一半。给行内块添加 text-align:center。给外部的块级+line-height：块级的高度。margin-top:-自身高度的一半。若父级没有定位，则绝对定位的盒子以文档为准。
2024-03-10 23:11:23
1006
1
原创 web前端实习Day5--css3
元素设置浮动，能够让当前元素脱离标准文档流（脱标），如：块级元素设置浮动后，可以放在一行显示，设置浮动的元素相当于具有了行内块的效果。在不进行任何修改的前提下，块级元素默认的排列方向：从上到下，行内和行内块元素的排列方向：从左到右。浮动元素脱标，在上面的“图层”，不浮动的元素不脱标，还在下面的“图层”若父元素没有设置高度，由子元素撑开，子元素浮动，会导致父元素高度为0。浮动的元素脱标了，不再占有原来的位置，所以会对后面的元素造成影响。针对行内、行内块文本，在一个有宽度的元素里面，横向的对齐方式。
2024-03-09 16:55:54
969
1
原创 web前端实习Day4--css2--盒子模型
分四个方向：padding-left padding-right padding-top padding-bottom。margin-left：左外边距 margin-right：右外边距。margin-top：上外边距 margin-bottom：下外边距。盒子最终的宽度 = 盒子自身设置的宽度 + 左右padding + 左右border。盒子最终的高度 = 盒子自身设置的高度 + 上下padding + 上下border。
2024-03-08 23:12:07
1105
1
原创 修改VScode默认浏览器
2.搜索open-in-browser：Default，输入默认浏览器名字，Ctrl+s保存，重启VScode即可生效。1.点击【文件】--【首选项】--【设置】
2024-03-08 17:29:32
463
1
原创 VS code快捷键记录
（3）输入开始字母 （4）alt + shift 选中字母。（1）div*5 + tab 打出5行div标签 （2）alt+shift 选中多行。（1）alt + shift 选中多行 （2）alt + shift + i 默认从零开始。下载increment selection插件。
2024-03-07 11:40:00
343
原创 web前端实习Day3--css选择器
因为h系列标签的默认字体大小的单位是em,是按照父元素字体大小来确定的。所以想要改变a标签的文字颜色需要选择器直接选择到a标签。因为a标签的字体颜色是由多个伪类选择器共同生成的，①h系列标签不要继承字体大小, 否则会变得比继承的字体要大。关于文本设置的属性会被继承，如：color，font，其他不会。单独定义.css文件，在css文件里面直接写css代码（无需style标签）标签的样式由选择器的样式叠加而来，共同生效。②a标签不会继承字体颜色。定义style标签 在style标签内定义css代码。
2024-03-06 18:05:49
897
1
原创 web前端实习Day2--表
作用：收集用户信息，把这些信息发送给服务器。rowspan=''合并的行数 高度变高。clospan=''合并的列数 宽度变宽。
2024-03-06 16:40:39
460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人