2024年12月9日
JS-2 JavaScript语句、标识符
摘要： 1、语句 JavaScript程序的单位是行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句 var num=10; 语句以分号结尾，一个分号就表示一个语句结束。 在html中用script写css 2、标识符 标识符（identifier）指的是用来识别各种值的合法名称。最常见的 阅读全文
posted @ 2024-12-09 17:45 张筱菓 阅读(45) 评论(0) 推荐(0)
JS -1JavaScript简介
摘要： 1、JavaScript介绍 JavaScript是一种轻量级的脚本语言。所谓“脚本语言”，指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序的“脚本”。 JavaScript是一种嵌入式（embedded）语言。它本身提供的核心语法不算很多 2、为什么学习JavaScript ① 阅读全文
posted @ 2024-12-09 10:51 张筱菓 阅读(54) 评论(0) 推荐(0)
2024年12月8日
H5-34 字体图标
摘要： 我们会经常用到一些图标。但是我们在使用这些图标时，往往会遇到失真的情况，而且图片数量很多的话，页面加载就越慢。所以我们可以使用字体图标的方式来显示图标，及解决了失真问题，也解决了图片占用资源的问题 常用字体图标库：阿里字体图标库（http://iconfont.cn/） 1、优点： ①轻量性：加载速 阅读全文
posted @ 2024-12-08 21:23 张筱菓 阅读(37) 评论(0) 推荐(0)
H5-33 CSS Sprite
摘要： CSS Sprite 也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去 1、优点： ①减少图片字节 ②减少网页的http请求，从而大大的提高页面的性能 2、原理： ①通过background-image引入背景图片 ②通过back 阅读全文
posted @ 2024-12-08 20:41 张筱菓 阅读(22) 评论(0) 推荐(0)
H5-32 媒体查询
摘要： 媒体查询能使页面在不同在终端设备下达到不同的效果 媒体查询会根据设备的大小自动识别加载不同的样式 1、设置meta标签 使用设备的宽度作为视图宽度并禁止初始的缩放。在<head>标签里加入这个meta标签。 <meta name="viewport" content="width=device-wi 阅读全文
posted @ 2024-12-08 19:59 张筱菓 阅读(82) 评论(0) 推荐(0)
2024年12月5日
H5-31 动画
摘要： 动画是使元素从一种样式逐渐变化为另一种样式的效果 您可以改变任意多的样式任意多的次数 请用百分比来规定变化发生的时间，或用关键词“from”和“to”，等同于0%和100% 0%是动画的开始，100%是动画的完成。 1、@keyframes创建动画 使用@keyframes创建动画 @keyfram 阅读全文
posted @ 2024-12-05 20:37 张筱菓 阅读(42) 评论(0) 推荐(0)
H5-30 CSS3 新特性
摘要： 1、圆角 使用CSS3 border-radius 属性，你可以给任何元素制作“圆角” border-radius属性，可以使用以下规则： ①四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角 ②三个值：第一个值为左上角，第二个值为右上角和左下角，第三个值为右下角 ③两个 阅读全文
posted @ 2024-12-05 19:34 张筱菓 阅读(18) 评论(0) 推荐(0)
2024年12月4日
H5-29 定位
摘要： 1、定义 position属性指定了元素的定位类型 值 描述 relative 相对定位 absolute 绝对定位 fixed 固定定位 其中，绝对定位和固定定位会脱离文档流 设置定位之后：可以使用四个方向进行调整位置：left、top、right、bottom 2、相对定位 <div> </di 阅读全文
posted @ 2024-12-04 20:31 张筱菓 阅读(64) 评论(0) 推荐(0)
H5-28 清除浮动
摘要： 浮动元素会造成父元素高度塌陷后续元素也会受到影响 1、浮动的作用 当元素设置fliat浮动后，该元素就会脱离文档流并向左/向右浮动 ①浮动元素会造成父元素高度塌陷 ②后续元素会受到影响 <div class="box"> <div class="a"></div> <div class="a"></ 阅读全文
posted @ 2024-12-04 19:44 张筱菓 阅读(28) 评论(0) 推荐(0)
H5-27 浮动
摘要： 1、浮动的定义 float属性定义元素在哪个方向浮动，任何元素都可以浮动。 值 描述 left 元素向左浮动 right 元素向右浮动 2、浮动的原理： ①浮动以后使元素脱离了文档流 ②浮动只有左右浮动，没有上下浮动 3、元素向左浮动 脱离文档流之后，元素相当于在页面上面增加一个浮层来放置内容。此时 阅读全文
posted @ 2024-12-04 18:39 张筱菓 阅读(115) 评论(0) 推荐(0)