搜索结果
查询Tags标签： 200px，共有 34条记录-
2022-08-23 day33 第一小组 王鸣赫
目录CSS三大特性1、层叠性2、继承性3、优先级常用单位字体背景列表属性盒子模型display的inline、block、inline-block的区别文档流定位定位的left和top、right和bottom和margin-left.....的区别浮动可见性动画transition和animation区别作业 CSS三大特性 1、层叠性一个标…
2022/8/28 23:22:53 人评论 次浏览 -
如何将一个div水平垂直居中？6种方法做推荐
https://www.cnblogs.com/Julia-Yuan/p/6648816.html方案一： div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】， 兼容性：,IE7及之前版本不支持div{width: 200px;height: 200px;background: green;position:absolute;left:0;top: 0;bottom: 0;right: 0;ma…
2022/8/20 23:54:52 人评论 次浏览 -
跳动的心脏
《打火机与公主裙》-跳动的心脏 女主真是一个大神仙，看着C语言的书（水仙花数……），学习怎么用前端语言做出特效，这是内置了一个代码转换器吗？ 注：主要涉及绘制心脏、虚线格背景等问题 音乐嵌入一直都是一个难以解决的问题，想要添加自动播放、循环且隐藏不可见的背…
2022/7/10 23:54:43 人评论 次浏览 -
盒子模型
盒子模型 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><st…
2022/4/20 6:13:47 人评论 次浏览 -
15.变形：平移、旋转与缩放
变形就是指通过 css 来改变元素的形状或位置 变形不会影响到页面的布局 transform用来设置元素的变形效果 1、平移translateX() 沿着由方向平移 translateY() 沿着 y 轴方向平移 translateZ() 沿着 z 轴方向平移平移元素百分比是相对于自身计算的 几种水平垂直双方向居中的…
2022/3/26 6:25:19 人评论 次浏览 -
Day10 CSS基础
01 上节回顾 http协议语法（*****） 上层应用的通信协议 浏览器/WEB应用程序1 基于TCP协议（三次握手） 2 基于请求响应模式， 先请求 3 无连接请求格式 content-type 声明请求体数据格式 application/x-www-form-urlencoded : name=zhutao2014&pwd=123 json : {"…
2022/3/25 6:24:43 人评论 次浏览 -
彩虹雨(源码)html css+js(22行)
1.效果图思路:首先 搭建好 一个 ‘< i >’ 的样式 还用下落的动画 接着使用for循环 创建多个 并添加到body中 2.html <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-…
2022/3/1 9:51:41 人评论 次浏览 -
H5C3基础学习总结之定位堆叠顺序及定位特殊性
定位堆叠顺序 在使用定位布局的时候，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后持续。（参考为坐标轴的Z轴） 语法：选择器 {z-index: 1; } 注意细节： 数字可以是正整数、负整数或是0，默认为auto。数字越大，盒子越靠山。 如果属性值相同，则按…
2022/2/3 23:49:14 人评论 次浏览 -
css3有趣的transform形变
在CSS3中，transform属性应用于元素的2D或3D转换，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的形变处理语法：div{transform: none|transform-functions; }transform属性可以指定为关键字值none 或一个或多个<transform-function>值 注…
2022/2/1 6:59:31 人评论 次浏览 -
java学习笔记（19）java中css的三种定位----绝对定位、相对定位、相对浏览器定位
1.绝对定位：当位置改变，该位置的坐标原点就会被释放， 后续的其他标签就可以占用该位置<style>.div1{height: 200px;width: 200px;background-color:grey;position: absolute;/*absolute表示绝对定位*/top: 200px;left: 200px;}.div2{height： 200px;width： 200p…
2022/1/16 14:04:29 人评论 次浏览 -
java学习笔记（19）java中css的三种定位----绝对定位、相对定位、相对浏览器定位
1.绝对定位：当位置改变，该位置的坐标原点就会被释放， 后续的其他标签就可以占用该位置<style>.div1{height: 200px;width: 200px;background-color:grey;position: absolute;/*absolute表示绝对定位*/top: 200px;left: 200px;}.div2{height： 200px;width： 200p…
2022/1/16 14:04:29 人评论 次浏览 -
定位（上）
定位简介 定位作为网页布局的最后一种手段，常在标准流及浮动无法实现相应效果时使用。下面依次介绍静态定位，相对定位，绝对定位。 属性名：position:定位需要配合left，right,top，bottom来使用，如：position: absolute; bottom: 0px; left:0px; 静态定位 position: s…
2022/1/8 23:33:33 人评论 次浏览 -
定位（上）
定位简介 定位作为网页布局的最后一种手段，常在标准流及浮动无法实现相应效果时使用。下面依次介绍静态定位，相对定位，绝对定位。 属性名：position:定位需要配合left，right,top，bottom来使用，如：position: absolute; bottom: 0px; left:0px; 静态定位 position: s…
2022/1/8 23:33:33 人评论 次浏览 -
jquery案例3-模仿京东轮播图
1.效果 2.代码展示<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>动画</title><style>* {margin:0px;padding:0px;}li {list-style: none;position: absolute;display: none;}li:…
2021/12/8 6:19:07 人评论 次浏览 -
jquery案例3-模仿京东轮播图
1.效果 2.代码展示<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>动画</title><style>* {margin:0px;padding:0px;}li {list-style: none;position: absolute;display: none;}li:…
2021/12/8 6:19:07 人评论 次浏览
