- 博客(11)
- 收藏
- 关注
原创 移动互联 实训DAY08
解决⾼度塌陷:1.所以在开发中⼀定要避免出现⾼度塌陷的问题,我们可以将⽗元素的⾼度写死,以避免塌陷的问题出现,但是⼀旦⾼度写死,⽗元素的⾼度将不能⾃动适应⼦元素的⾼度,所以这种⽅案是不推荐使⽤的。2.可以直接在⾼度塌陷的⽗元素的最后,添加⼀个空⽩的div,由于这个div并没有浮动,所以他是可以撑开⽗元素的⾼度的,然后在对其进⾏ 清除浮动,这样可以通过这个空⽩的div来撑开⽗元素的⾼度,基本没有副作用。⾼度塌陷:在⽂档流中,⽗元素的⾼度默认是被⼦元素撑开的,也就是⼦元素多⾼,⽗元素就多⾼。
2024-07-14 22:58:36 487
原创 移动互联 实训DAY07
因为⽗元素的第⼀个⼦元素的顶部外边距margin-top如果碰不到有效 的border或者padding,就会不断⼀层⼀层的找⾃⼰⽗元素的麻烦。只要给⽗元素设置⼀个有效的border或padding就可以有效的管制这个margin-top,防⽌它越级,把⾃⼰的margin-top当成⽗元素的margin-top执⾏。看起来margin-right没有⽣效,其实是有效果的,只是在默认即标准流的情况的下显示不出来效果,可以加右浮动脱离标准流。盒⼦属性:⽂档中的每个元素都可以被看作是⼀个矩形盒⼦。
2024-07-14 22:39:02 428
原创 给index.html文件中的内容添加样式
注:具体颜色可以用工具拾取,或者颜色相近即可。根据下列要求,给index.html文件中的内容添加样式。
2024-07-06 14:05:07 329
原创 移动互联 实训DAY04
label标签 1.默认情况下⽂字和输⼊框是没有关联关系的, 也就是说点击⽂字输⼊框不会聚焦, 如果想点击⽂字时让对应的输⼊框聚焦, 那么就需要让⽂字和输⼊框进⾏绑定。3.绑定的格式: 3.1将⽂字利⽤label标签包裹起来 3.2给输⼊框添加⼀个id属性 3.3在label标签中通过for属性和输⼊框中的id进⾏绑定即可。样式的复⽤率⾼(框架:例如bootstrap), 共⽤,定义好的css⽂件可以应⽤到多个⻚⾯中。标签选择器 格式: 标签名称{ 属性:值;类选择器 格式:.类名{ 属性:值;
2024-06-28 20:52:56 480
原创 移动互联 实训DAY03
a 按字⺟顺序排列的有序列表,⼩写。A 按字⺟顺序排列的有序列表,⼤写。i 罗⻢字⺟,⼩写。(i, ii, iii, iv)I 罗⻢字⺟,⼤写。(I, II, III, IV)⽔平对⻬和垂直对⻬的属性:align: left center right。square 实⼼⽅块。circle 空⼼圆。有序列表样式:1 默认值。⽆序列表样式:disc 默认值 实⼼圆。2.有序列表,有序列表,定义列表。6.表单元素的基本使用。
2024-06-27 22:03:01 414
原创 移动互联 实训DAY02
audio标签的使⽤和video标签的使⽤基本⼀样, video中能够使⽤的属性 在audio标签中⼤部分都能够使⽤, 并且功能都⼀0样 只不过有3个属性不能⽤, height/width/poster。在HTML中, 每⼀个标签都有⼀个名称叫做id的属性, 这个属性就是⽤来给标 签指定⼀个独⼀⽆⼆的身份证号码的。1>要想通过a标签跳转到指定的位置, 那么必须告诉a标签⼀个独⼀⽆⼆的身 份证号码, 这样a标签才能在当前界⾯中找到需要跳转到的⽬标位置。5.a标签的作⽤ ⽤于控制⻚⾯与⻚⾯之间跳转的。
2024-06-26 23:16:17 413
原创 移动互联 实训DAY01
在使用open in browser打开浏览器时出现了Open browser failed!2.Html是在浏览器上解析执⾏的,每种浏览器对相同的Html代码解析可能产 ⽣不同的结果,所以我们需要安装多种主流的浏览器进⾏兼容性测试;Vue 3 Snippets - 一个Vue.js 3和Vue.js 2的代码段扩展。Vue VSCode Snippets - 代码片段,它将增强您的Vue工作流。HTML CSS Support - html,css快捷操作。结构:HTML⽤于描述⻚⾯的结构。
2024-06-25 17:55:26 434
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人