- 博客(21)
- 收藏
- 关注
原创 音乐盒项目,本地音乐播放器。python和Mysql数据库交互实战项目。运用pygame音乐模块,和Mysql数据库提取存储功能,以及python中的tkinter模块等内容实现
播放,导入,删除,下一曲,上一曲,列表循环,随机播放,单曲循环,暂停,继续播放等功能。
2023-07-01 20:05:25 518
原创 CSS实操三,运用浮动和定位实现照片墙效果
7,不同的小姐姐图片角度不同,所以我们需要transform:rotate(角度deg)去调整。1,不同的美女图片堆叠的顺序不同,所以需要用定位里面的z-index。3,每个美女的图片摆放的位置不同,需要用到定位 然后摆放他们位置。4,图片的位置不同,也运用一下浮动和清楚浮动,以免影响后续内容。2,超出容器的部分隐藏了,所以需要格外给容器设置一下。6,图片整体大小做了优化。5,图片边框做了优化。
2023-06-28 16:25:54 700 1
原创 CSS实操,运用浮动和定位实现商品购物免息和优惠等堆叠框
做出类似这种效果:分析以上图1,有4个不同的手机品牌 分别实现了不同的堆叠效果 ,图片素材还有字体可以只有更换,懒得找素材,就用网上的一张图片代替。2,比如免息。优惠。待定,和待定2,运用了定位知识点3,p文字实现了超出部分用...代替4,底层效果和内部4个容器运用了浮动知识点。
2023-06-28 15:34:38 183 1
原创 CSS基础笔记九,浮动(如何处理浮动带来的堆叠和浮动影响其他元素)
浮动的介绍:1,浮动是通过增加一个浮动层级来放置内容。2,浮动使元素脱离了文档流,浮动只有左右浮动,无上下浮动3,浮动的开启:float:left/right4,当多个文件浮动的时候,就会自动排列了,从左往右/从右往左5,如果横向摆放,容器摆放不开,会自动换行浮动优点和缺点。浮动的优点,是可以让我们更加方便的去摆放一个容器内部的子容器,更加好的去设置他们的摆放位置。缺点:1,浮动会造成父级元素的塌方2,后续的元素会受到浮动影响。
2023-06-28 14:06:14 486 1
原创 CSS基础笔记八,display属性详解(变成弹性盒子flex,隐藏none,变成块级元素bolck,变成行内元素inline,变成行内块级元素inlen-bolck)
前瞻:display属性可以设置弹性盒子 flex可以设置元素隐藏 none可以更改元素的属性变成块级 bolck变成行内 inline变成行内块级元素 inlen-bolck补充 让一个元素隐藏的几种方式1,更改属性使其隐藏 display:none 隐藏自己,不保留原来的位置2,bisbility:hidden 隐藏自己,保留原来位置3,opacity :0 背景虚化 虚化到0的时候 自然就隐藏了,隐藏自己 保留原来的位置。
2023-06-28 13:32:29 1885 1
原创 CSS基础笔记七,怪异盒子和弹性盒子(弹性盒子的属性,子容器镜像(flex-direction),水平(justify-content),垂直(align-itmes),子容器的权重(flex-数))
标准盒子模型,外边距(margin),内边距(padding),线宽(border),内容。内边距和线框会撑开容器怪异盒子模型,外边距(margin),内边距(padding),线框(border),内容。内边距和相框会压缩容器怪异盒子的开启,box-siziing:bober-box 把标准盒子变成怪异盒子content-box 把怪异盒子变成标准盒子弹性盒子模型。通过设置弹性盒子模型,可以更改子容器在父级容器的平均摆放距离开启:display-flex子容器会自动横向摆放。
2023-06-28 13:05:45 2204 3
原创 CSS基础笔记六,DIV盒子模型(content内容,内边距paddins,边框border,外边距margin)
盒子模型分为四个区域内容,可以往里面安放的元素内边距padding(可以用像素填充,也可以用百分比,还可以指定上下左右的不同的款式),简写模式,1个值的情况下 就是上下左右 四个值是上右下左边框border边框的样式 有实线(solid),虚线(dashed),双实线(double),点线(dotted)border-width 指定边框的宽度边框可以设置圆角(border-rddius) 用百分比或者像素边框的不同方位 border-left/top/rigth/bottom。
2023-06-28 12:31:50 1278 1
原创 CSS基础笔记五。属性选择器(属性里面选择元素的值,有开头,结尾,包含,和固定值等选择)
1,基础选择器(全局*, 元素, id#, 类., 合并,)2,关系选择器(后代空格,子代大于,相邻兄弟加号,通用兄弟波浪号)3,伪类选择器(鼠标的四种状态爱恨类别(link,visted,hover,active),列表的多种选择(first-child,last-child,nth-child(n/odd/even)),容器内为空(empty)/唯一(only-child)/除了某个(not(元素)),元素为焦点的时候(focus),多选和复选增强(checked))
2023-06-28 12:10:38 1312 1
原创 CSS基础笔记四,伪类选择器和对象选择器(鼠标点击的四种状态,列表自定义选择,容器只有一个,除了被选中的其他都有,元素为空的时候,元素获得焦点的时候,单选和复选增强)
选择器分类1,基础选择器: 全局选择器 元素选择器 类选择器 id选择器 合并选择器2,关系选择器 后代选择器 子代选择器 相邻兄弟选择器 通用兄弟选择器3,伪类选择器鼠标点击状态选择器(4个状态)(爱恨离别 link visited hover active)让列表中任何一个值 想选谁就选谁(first-child)当容器只有以一个值的时候就生效的选择器 only-child当容器除了他其他都生效的选择器 not(她)当标签为空的时候,就生效的选择器 empty。
2023-06-28 11:38:30 2447 2
原创 CSS基础笔记二, 属性篇(字体属性,背景属性,文本属性,列表属性,表格属性,其他属性)
1,字体属性 ,可以对字体做各种样式美化1,常用的有对字体设置颜色(color)2,修改字体大小(font-size)3,修改字体粗细(font-weihgt)4,设置字体样式(斜体是italic)5,设置字体类型(微软雅黑,宋体等等 font-family)2,背景属性,可以添加背景,对背景做各种样式美化,调整尺寸大小等等1,添加背景图片 background-image2,给背景添加颜色 background-color3,修改背景图片大小 background-size。
2023-06-27 15:26:09 778 1
原创 HTML5基础笔记五(标签之表单)
表单也是一个大内容form表单表单在wep网页中是用来给用户填写信息的,从而能采集用户的联系,使网页具有交互的功能所有用户输入内容的地方都用表单来写,如登录框,搜索框,选择框等表单的属性有action 行动 也就是服务器地址name 表单的名称method 有get和post两种方法 用来提交数据给服务器表单的三要素1,表单标签 fomr表单标签2,表单域 input3,表单按钮表单的元素文本框 文本框通过input来设置。
2023-06-27 10:54:05 1135 1
原创 HTML5基础笔记四(标签之表格)
表格是一大类,故单独做一篇详细介绍单独介绍:标签之表格 form表格在数据展示方面非常的优秀,由行 列 单元格组成单元格,同行等高,同列等宽的特点表格 table 主标签行<tr> 之标签单元格(列)<td>表格的快捷鍵 table>tr*3>td*5{文本信息}表格的属性table属性示例border=数字 设置表格的边框 数字代表单元格的像素宽度width 设置表格的宽度height 设置表格的高度aligh 设置表格的水平对齐方式。
2023-06-27 10:20:38 184 1
原创 HTML5基础笔记三(标签之有序列表,无序列表,自定义列表)
HTML5基础笔记三(标签之有序列表(ol+li),无序列表(ul+li),自定义列表(dl+dt+dd))
2023-06-27 10:02:15 1415 1
原创 HTML5基础笔记二(标签之段落,换行,水平线,图片,超文本连接,文本,)
HTML5基础笔记二(标签之段落,换行,水平线,图片,超文本连接,文本,)
2023-06-27 09:56:48 820 1
原创 HTML5基础笔记一(网页的骨架,标签,标签之标题)
1,html5 是用来描述网页的一种语言,被称作为超文本语言。后缀以html结尾。2,html是一个标记语言,标记语言是有一套标签,标签有尖括号包围。3,html5就是有一堆标签构成,组成的超文本语言,能展示在浏览器上。
2023-06-27 09:33:34 181 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人