自定义博客皮肤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)
  • 收藏
  • 关注

原创 CSS基础

css基础

2024-07-15 00:16:09 223

原创 移动互联 实训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

原创 移动互联 实训DAY06

【代码】移动互联 实训DAY06。

2024-07-03 14:21:37 468

原创 移动互联 实训DAY05

【代码】移动互联 实训DAY05。

2024-07-03 13:51:00 447

原创 移动互联 实训DAY04

label标签 1.默认情况下⽂字和输⼊框是没有关联关系的, 也就是说点击⽂字输⼊框不会聚焦, 如果想点击⽂字时让对应的输⼊框聚焦, 那么就需要让⽂字和输⼊框进⾏绑定。3.绑定的格式: 3.1将⽂字利⽤label标签包裹起来 3.2给输⼊框添加⼀个id属性 3.3在label标签中通过for属性和输⼊框中的id进⾏绑定即可。样式的复⽤率⾼(框架:例如bootstrap), 共⽤,定义好的css⽂件可以应⽤到多个⻚⾯中。标签选择器 格式: 标签名称{ 属性:值;类选择器 格式:.类名{ 属性:值;

2024-06-28 20:52:56 480

原创 HTML用表格等标签创建一个个人简历

【代码】HTML用表格等标签创建一个个人简历。

2024-06-27 22:05:28 411

原创 移动互联 实训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关注的人

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