摘要: 0825:Day01 JS编写位置 1.外链式 外部文件夹JS文件中,然后通过script标签引入 <script src="js/script.js"></script> 2.嵌入式 内部的script的标签中 <script>alert("写在script标签中");</script> 3.行内 阅读全文
posted @ 2022-09-02 23:56 TTender 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 0821:Day16 响应式布局: 响应式布局: 响应式布局 特点: 面对不同的分辨率设备灵活性强 能够快捷解决多设备显示适应问题 缺点: 媒体查询: 媒体查询:根据显示器的特性,为其设置CSS样式 1.媒体查询的语法: 1.内嵌式: 直接添加在自己的CSS文件里 @media all and (m 阅读全文
posted @ 2022-08-23 08:23 TTender 阅读(39) 评论(0) 推荐(0) 编辑
摘要: CSS3新增布局: 多列布局: 多列布局: 主要控制大篇幅文本 多列: 1.设置列数: column-count:number; number:表示数值,不用单位 2.设置列宽: column-width:value; value:数值,加单位,表示最小的列宽 3.列宽和列数的复合属性: colum 阅读全文
posted @ 2022-08-21 09:41 TTender 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 3D: 3D:立体空间 x轴:水平方向 y轴:垂直方向 z轴:垂直于x,y轴 1.开启3D空间: transform-style:; float 默认值,开启2d空间 preserve-3d 开启3d空间 给父元素开启3d空间 2.3d中变形属性的设置: 位移: transform:translat 阅读全文
posted @ 2022-08-21 09:40 TTender 阅读(15) 评论(0) 推荐(0) 编辑
摘要: C3新增属性扩展: 穿透效果: pointer-events:none; 通过自身访问被盖住的内容 盒子阴影: 给元素添加的阴影: box-shadow:; h-shadow 水平阴影的位置,必选 v-shadow 垂直阴影的位置,必选 blur 模糊的距离,可选 spread 阴影的大小,可选 c 阅读全文
posted @ 2022-08-21 09:39 TTender 阅读(20) 评论(0) 推荐(0) 编辑
摘要: CSS3选择器: 1.属性选择器:通过属性,属性值,结构 选择器[attr]{属性:属性值;} 匹配具有attr的元素 选择器[attr="value"] 匹配具有attr的属性,并且属性值为value的元素 选择器[attr^="value"] 以value开头的元素 选择器[attr$="val 阅读全文
posted @ 2022-08-21 09:38 TTender 阅读(19) 评论(0) 推荐(0) 编辑
摘要: H5新增标签: H5新增的语义化标签:(双标记) 1.header 整个页面的头部 2.main 主要部分ie不兼容 3.section页面中的一个区块 4.footer 结尾区 5.nav 导航链接 6.article上下文无关的区域 7.aside 与article相关的辅助信息 8.hgrou 阅读全文
posted @ 2022-08-21 09:36 TTender 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 图片整合,精灵图,雪碧图: 什么是图片整合: 1.把小的图片整合到一个大的图片上 为什么要图片整合: 优点: 较少对服务器的请求次数 减少图片的内存 增加页面的加载速度 缺点: 整合过程麻烦 使用过程中适应性较差 定位繁琐 可维护性差 怎么使用图片整合: 通过background-position实 阅读全文
posted @ 2022-08-21 09:35 TTender 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 0810 浮动: 浮动作用: 1.环绕布局 2.并列显示(主要作用) 属性: float:; left; right; none; css布局时,有三种布局机制 1.标准文档流,普通流,主要实现上下布局的排列效果 2.浮动流,主要实现并列显示的布局 float 3.定位流,主要实现层叠显示的布局 p 阅读全文
posted @ 2022-08-11 21:46 TTender 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 0809 盒子模型: 盒模型:是css布局的基石,规定了网页之间的位置关系 组成:内容区,填充区padding,边框区,外边距 内容区:content,显示内容的区域 填充区:padding,边框和内容之间的空白区 边框区:border,显示边缘的区域 外边距:margin,显示盒子边缘以外的空白区 阅读全文
posted @ 2022-08-11 21:45 TTender 阅读(18) 评论(0) 推荐(0) 编辑