实训
关注
分享
扫一扫
IT锦囊
这个作者很懒，什么都没留下…
展开
-
通过简单的js代码实现简易计算器
通过简单的js代码实现简易计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-06-09 16:03:14 · 1244 阅读 · 0 评论 -
通过js实现隔行变色效果
通过js实现隔行变色效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-06-08 20:48:25 · 372 阅读 · 0 评论 -
编写一个判断某个非负整数是否能够同时被3,5,7整除的函数，然后在页面上输出1~1000之间所有能同时被3,5,7整除的整
这个案例使用html结合JavaScript实现编写一个判断某个非负整数是否能够同时被3,5,7整除的函数，然后在页面上输出1~1000之间所有能同时被3,5,7整除的整。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta原创 2021-06-07 16:09:51 · 2980 阅读 · 1 评论 -
css3动画animation的基本使用方法，基本使用，语法格式，动画案例
什么是动画动画是 CSS3 中最具颠覆性的特征之一，可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果动画的基本使用先定义动画在调用定义好的动画语法格式(定义动画)@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px }}语法格式(使用动画)div { /* 调用动画 */ animation-name: 动..原创 2021-06-04 20:23:53 · 580 阅读 · 0 评论 -
2021-06-03
前端基础——定位1.绝对定位如果所有的父元素都没有显式地定义position属性，那么所有的父元素默认情况下position属性都是static。结果，绝对定位元素会被包含在初始块容器中。这个初始块容器有着和浏览器视口一样的尺寸，并且元素也被包含在这个容器里面。简单来说，绝对定位元素会被放在元素的外面，并且根据浏览器视口来定位。也可以理解成定位的元素现在相对于元素。2.z-indexz-index 值影响定位元素位于该轴上的位置；正值将它们移动到堆栈上方，负值将它们向下移动到堆栈中。默认情况下，定位原创 2021-06-03 21:18:07 · 85 阅读 · 0 评论 -
表格相关案例
在接到很web前端项目中，常常看到表格table，做表格的样式，在本文下面，列举了四种表格css样式，代码也在下面：1.单像素边框CSS表格这是一个很常用的表格样式。4个web前端常用的——CSS样式表格Info Header 1Info Header 2Info Header 3Text 1AText 1BText 1CText 2AText 2BText 2C带背景图的CSS样式表格和上面差不多，不过每个格子里多了背景图。4个web前端常用的——CSS样式表格转载 2021-06-02 20:43:33 · 243 阅读 · 0 评论 -
html常用标签属性，实训第二天内容
【学习总结】一、Web标准构成：主要包括结构（Structure）html(超文本标记语言)、表现（Presentation）css(层叠样式表)和行为（Behavior）javascript(脚本语言)三个方面。二、骨架标签三、标签分类单标签：br、hr、img拴标签：div、p、span四、标签关系兄弟级（并列）、父子级（嵌套）五、三个解释文档类型<!DOCTYPE>，页面语言lang，字符集六、排版标签h1-h6,p,b,br,hr,div,span七、文本格式原创 2021-06-01 16:59:50 · 171 阅读 · 1 评论