摘要: # 动画 一组动作或多组动作,按一定时间,以一定方式自动完成 优点:效率高,因为是渲染式的,比js体现效率高 关键帧: @keyframes 通过动画序列中定义的关键帧样式,控制css动画序列的步骤 @keyframes 定义关键帧的名字{} 以百分比来规定改变发生的时间0%~100% 0%代表动画 阅读全文
posted @ 2021-10-28 09:06 野居青年 阅读(71) 评论(0) 推荐(0)
摘要: # Bootstrap 一、介绍 1.开源、强大、优雅 2.内置了大量的CSS类 3.html(自己写)+css(提供)+js(提供) js依赖jQuery 4.UI框架很多 要学会用手册查找 5.不同的版本类名有所区别,或进行了删除,或进行更改 6.课程学的是4.0版本 # 布局容器 1.cont 阅读全文
posted @ 2021-10-28 09:06 野居青年 阅读(170) 评论(0) 推荐(0)
摘要: # 过渡 是在元素的状态切换中,改变元素的样式,并通过一段时间进行变换 - 过渡设置的样式 1.过渡属性的名称(必须设置的属性):transition-property:变换的样式名;如width 2.过渡的时间(必须设置的属性) :transition-duration:时间;时间单位 秒或者毫秒 阅读全文
posted @ 2021-10-28 09:05 野居青年 阅读(138) 评论(0) 推荐(0)
摘要: # 属性选择器 使用标签中某的属性,或属性=属性值等方式查找到对应的(符合要求的元素) 语法: [属性名]{样式列表;}选中拥有这个属性名的 [属性名="属性值"]{样式列表;}选中元素中属性名=某个属性值的元素,如[type="text"] [属性名^="值以什么开头"]{样式列表;}选中元素中属 阅读全文
posted @ 2021-10-28 09:04 野居青年 阅读(87) 评论(0) 推荐(0)
摘要: # 复习 1.溢出 overflow 2.元素显示 -块级 div h1~h6 p ul ol li -内联(行内)span a i -行内块 img button input 3.隐藏和显示 4.盒子模型 -内容-内边距-边框-外边距 -标准盒子模型和怪异盒子模型 标准和模型宽度就是你设置的宽度, 阅读全文
posted @ 2021-10-28 09:03 野居青年 阅读(62) 评论(0) 推荐(0)
摘要: # 定位 元素定位主要在其父元素或页面某个位置进行固定,如:轮播图的左右按钮,或者购物车的数字符号,下拉菜单或侧面菜单 - 定位属性 position:relative;相对定位 相对定位的元素相对的是自己原有的位置 不脱离文档流,对父级元素没有影响 不会因为自己的位置移动,挤开兄弟元素,导致兄弟元 阅读全文
posted @ 2021-10-28 09:03 野居青年 阅读(48) 评论(0) 推荐(0)
摘要: # 盒子模型 1.内边距padding 内边距是元素的边界与元素内部内容产生的距离 特点: 标准和模型当给予元素内边距是整个元素会增大 内边距是元素本身占位的一部分,如元素有颜色,内边距也会使用元素的颜色 内边距参照的是内容的边界 -元素没宽高参照子元素撑开的长度 # 子元素都在文档流布局中设有脱离 阅读全文
posted @ 2021-10-16 22:13 野居青年 阅读(73) 评论(0) 推荐(0)
摘要: # 字体和文本样式 1.单位 (1)px 像素 (2)pt 磅 (3)% 代表参考父级相关属性的长度 (4)em 参考父级长度的倍数 (5)rem 参考根标签html的长度倍数 (6)vw、vh参考屏幕(视窗)宽度高度的比例(移动端的响应式尺寸) (7)deg 角度 (8)时间 s 秒 ms 毫秒 阅读全文
posted @ 2021-10-15 19:29 野居青年 阅读(103) 评论(0) 推荐(0)
摘要: 选择器 (1)优先级的原则 - 顺序读取的优先级:是相同类型选择器采用顺序读取后来的优先 - 选择器的优先级:不同类型选择器,按照权重原则采用(id 选择器 100,类选择器 10,元素选择器 1) - 继承的优先级:制定样式的优先级大于继承样式的优先级 - 多个选择器一起使用的时候:根据权重值累加 阅读全文
posted @ 2021-10-15 19:28 野居青年 阅读(80) 评论(0) 推荐(0)
摘要: # 背景 1.背景颜色 background-color:色值 2.背景图片 图片的两种表现<img src="">标签 将一个外部的图片文件通过标签的src属性,引入到页面上 没有设置宽度和高度时会默认本身图片的大小 因为img标签是内联元素 因此从层级上在块元素上方 缩小图片只需要改变图片的宽度 阅读全文
posted @ 2021-10-15 19:26 野居青年 阅读(58) 评论(0) 推荐(0)
/*鼠标跟随效果*/ /* 点击爆炸效果*/ /* 鼠标点击求赞文字特效 */