自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 HTML5学习——第十四天

【代码】HTML5学习——第十四天。

2024-07-29 10:20:20 168

原创 HTML5学习——第十三天

对象(object): 一个数据集合体 [1,2,3,4,5] {name:'张三',age:18} null。3.游戏开发: 2维平面下的小游戏为主, 4399小游戏,贪吃蛇/推箱子/飞机大战.....输出的内容中有一方是字符串类型的数据 + 运算的时候,另一方会悄悄变成字符串,在进行拼接。1.表单验证: 对用户输入的数据进行验证,验证通过后进行数据的提交。数字(number): 整数,小数,负数,0 1 3.14 -2 0。3.支持面向对象: 使用面向对象的思想进行js代码的编程。

2024-07-29 10:13:40 337

原创 HTML5学习——第十二天

2>给元素添加class='iconfont icon-xxx'3.弹性盒子始终在弹性容器中排列,不会溢出。2.弹性盒子高度拉伸占满父级高度的全部。通过设置元素的border-radius实现圆角。1>引入外部样式icon font.css。1.弹性盒子沿着主轴排列。使用column-count进行分栏。可以通过flex-direction切换主轴方向。

2024-07-29 10:02:30 122

原创 HTML5学习——第十一天

1.html5新增的标签。7.ui状态伪类选择器。

2024-07-22 19:56:14 138

原创 HTML5学习——第十天

【代码】HTML5学习——第十天。

2024-07-22 19:46:57 89

原创 HTML5学习——第九天

1.名鞋库网页小练习。

2024-07-22 19:42:37 180

原创 HTML5学习——第八天

3.配合方向词移动(相对方向的方向词同时出现,优先执行top left)3.设置四个方向相同尺寸的边框,边框颜色为透明色。2.始终参照浏览器可视区域移动。1.在网页中不占位置(脱标)使用场景: 回到顶部按钮 侧边导航。4.设置单独某个方向边框的颜色。5.锚点跳转:点击右侧页码,跳转到对应的页数。

2024-07-22 19:37:24 145

原创 HTML5学习——第七天

绝对定位:拼爹型的定位,绝对定位默认参照浏览器可视区域移动,如果父级身上有定位,那么参 照最近的有定位的父级移动。2.配合方向词移动(相对方向的方向词同时出现,优先执行left top)1.配合方向词移动,相对方向的方向词同时出现,优先执行left top。3.占有原本位置,没有脱标(保持自身原本的显示特点)应用场景: 标签之间的叠放(配合相对定位实现对应效果)2.宽度默认是父元素的宽度,高度默认由内容撑开。3.默认参照浏览器的可视区域移动。1.一行可以排列多个。1.一行可以排列多个。

2024-07-22 19:28:56 336

原创 HTML5学习——第六天

【代码】HTML5学习——第六天。

2024-07-22 19:01:08 162

原创 HTML5学习——第五天

当标签的尺寸不设置的时候,添加了内边距或者边框,不会撑大盒子。当标签的尺寸设置的时候,添加了内边距或者边框,会撑大盒子。/* 设置怪异盒模型/自动内减 */2.盒子尺寸的特殊情况。4.外边距的特殊情况。

2024-07-22 18:55:28 169

原创 HTML5学习——第四天

5.独占一行的标签,前面有浮动的标签,会覆盖独占一行的标签. 独占一行的标签,后面右浮 动的标签,不会覆盖独占一行的标签,会在这个标签的下面依次排列。2.浮动的标签比标准流的标签高半个层级,能覆盖标签,但是不能覆盖里面的内容。4.让标签具备特殊的显示效果: 一行配列多个 可以设置宽高。脱标(脱离标准流):标签不在具备原本的特性。3.浮动找浮动,浮动标签会在一起横向排列。1.在页面中不占位置,脱标。2.背景相关属性连写。

2024-07-22 17:08:58 140

原创 HTML5学习——第三天

2. /* rgba a:透明度 (0-1,0代表完全透明,1代表完全不透明) */hover伪类选择器 - 当鼠标悬停到标签上的时候产生的样式变化。3. /* 十六进制 - 取值范围: 0-9 a-f */4.justify - 水平两端对齐。2.center - 水平中间对齐。1. /* 三原色 - 取值范围0-255 */3.right - 水平右对齐。1.left - 水平左对齐。4.文本水平对齐方式。

2024-07-22 16:56:23 379

原创 HTML5学习——第二天

1.命名规范:数字,字母,下划线,中划线组合而成,不能是中文,不能是数字开头,不能是中划 线开头 -添加给ol让所有的li按照type取值进行排列,添加给li让某一个li按照type取值进行排列。特点:添加给ul修改的是所有li的状态 添加给li修改单独某一个li的状态。3.注意:如果说交集选择器中又标签选择器,把标签选择器放在第一位。2.满足既和又的关系,选择器的多个特征,同时指向一个目标。title - 提示文本(当鼠标悬停的图片上出现的提示文本)

2024-07-22 15:50:00 696

原创 HTML5学习——第一天

align - 水平对齐方式{left左对齐/center中间对齐(默认)/right右对齐}noshade - 纯色(当属性名和属性值相同的时候,可以只写属性名)注释的快捷键 - ctrl + /,浏览器不解析不渲染注释。10.右到左缩进 - shift + tab/delete。8.切换下一行 - ctrl + 回车。11.快速选中目标 - ctrl + d。13.选中区域 - shift + 光标。2.段落与段落之间有间距。7.取消撤回 - ctrl + y。1.复制 - ctrl + c。

2024-07-22 15:30:39 294

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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