每天打卡
文章平均质量分 79
每天的学习
每天都想要一点点进步的学渣。
展开
-
HTML——阿里百秀案例
1原创 2021-06-01 22:16:18 · 2431 阅读 · 0 评论 -
HTML——携程旅游案例
1原创 2021-06-01 21:03:57 · 2335 阅读 · 0 评论 -
HTML——响应式布局
响应式布局何为响应式布局原创 2021-05-30 21:19:41 · 6550 阅读 · 0 评论 -
HTML——3D旋转+动画 旋转木马案例
旋转木马案例效果外面的图片围绕中间的图片旋转,鼠标悬停停止旋转。思路不用鼠标悬停就能实现旋转需要用到动画来实现,@keyframes内设置transform: rotateY();当鼠标悬停时动画停止则利用伪类选择器:hover实现。要想实现动画停止效果,则需要用到播放状态animation-play-state;(默认running)鼠标放在上面就会停止用paused。代码<section> <div></div> <原创 2021-05-09 21:56:03 · 863 阅读 · 1 评论 -
HTML——过渡transition 进度条
CSS3过渡效果过渡(谁做过度给谁加)transition:要过度的属性 花费时间 运动曲线 何时开始;1.属性:想要变化的CSS属性,宽高、背景颜色、内外边距都可。如果全都要,all即可2.花费时间:单位是秒(必须写单位),比如0.5s3.运动曲线:默认是ease(可省略)4.何时开始:单位是秒(必须写单位),可设置延迟,默认是0s(可省略)进度条制作利用transition制作一个简易的进度条,在鼠标经过时有一个上涨的动画。<div class="homework">原创 2021-05-08 21:15:48 · 1439 阅读 · 0 评论 -
HTML——布局技巧
一、margin负值的运用效果:每个盒子相互紧挨,但是鼠标选中时整个盒子边框都能变色。代码部分:<div class="box1"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li&g原创 2021-05-07 22:09:18 · 252 阅读 · 0 评论 -
HTML——CSS3新属性
CSS3新属性※属性选择器一、概念1.属性选择器①E[att]选择具有att属性的E元素②E[att=“val”]选择具有att属性且属性值等于val的E元素③E[att^=“val”]匹配具有att属性且属性值以val开头的E元素④E[att$=“val”]匹配具有att属性且值以val结尾的E元素⑤E[att*=“val”]匹配具有att属性且值中含有val的E元素二、不借助类或者id选择器,利用属性选择器选择<div class="one"> <inp原创 2021-05-03 21:17:07 · 253 阅读 · 0 评论 -
HTML——3D移动、3D透视、3D效果、3D呈现案例效果
灵活运用3D效果制作两盒翻转与旋转木马案例※两盒翻转案例一、效果展示※旋转木马案例原创 2021-04-29 11:50:22 · 2686 阅读 · 0 评论 -
HTML——steps 奔跑的白熊
利用H5和C3制作奔跑的白熊本次需要用到的素材图片:一、效果视觉效果上一只熊从电脑屏幕左侧跑到中间停止向前原地奔跑。二、思路先设置一个盒子,大小刚好能显示白熊奔跑的一张图片,放上白熊的图片白熊奔跑需要用到动画@keyframes实现,注意最后重复奔跑的动作,要用到animation-iteration-count:infinite白熊盒子从屏幕左侧移动到中间,也需要设置新的动画,最后停在屏幕中间,需要用到animation-fill-mode:forwards一个元素可以引用多个动画,原创 2021-04-27 16:36:15 · 1764 阅读 · 0 评论 -
HTML——3D动画 热点图
利用H5和C3制作热点图。一、效果视觉效果上一个点从中心向四周在不断发光。二、思路先做一个盒子放置背景图片设置一个子盒子用于定位在子盒子里再设置四个盒子,一个设置圆,另外三个设置发散的波纹波纹用阴影制作会更有美感波纹放大用width和height设置,不要用scale,会把阴影也撑大,影响美感三、实践先设置一个父盒子map,用背景方式放入地图html<div class="map"></div>CSS.map { position: r原创 2021-04-26 10:20:13 · 608 阅读 · 0 评论 -
HTML——多媒体技术
嵌入视频和音频嵌入视频在HTML5中,video 标签用于定义播放视频文件的标准,它支持三种视频格式,分别为Ogg、WebM和MPEG4,其基本语法格式如下。<video src="视频文件路径” controls="controls"></video>在上面的语法格式中, src 属性用于设置视频文件的路径,controls属性用于为视频提供播放控件,这两个属性是video元素的基本属性。并且< video>和< /video>之间还可以插入文字,原创 2020-06-27 16:41:36 · 2144 阅读 · 0 评论 -
HTML——背景、渐变
第一份案例图及所需要求展示:构思:首先为整体设置个盒子,清除整体的浮动。整体宽750px,高480px,图片可以用backgrou-image设置为背景图片;由于图片的宽高与盒子的宽高一致,因此无需设置backgroud-repeat背景图的平铺。标题h2与顶部要有60px的空隙,就要用到padding-top上内边距的样式设置。(复习:padding定义内边距时,必须按照顺时针赋值,一个值为4个边;两个值为上下/左右;三个值为上/左右/下)内容要求显示时不透明度为0.3,需要使用opacity,原创 2020-06-21 19:11:14 · 6017 阅读 · 1 评论 -
今日份学习——(HTML+CSS)其他表单的属性
其他表单元素textarea元素当定义input控件的type属性值为text时,可以创建一-个单行文本输入框。 但是,如果需要输入大量的信息,单行文本输入框就不再适用,为此HTML语言提供了 textarea></textarea 标记。通过textarea控件可以轻松地创建多行文本输入框,其基本语法格式如下。文本内容在上面的语法格式中,cols 和rows为<textarea标记的必须属性,其中cols 用来定义多行文本输入框每行中的字符数,rows用来定义多行文本输入框显原创 2020-06-14 19:13:54 · 1474 阅读 · 0 评论 -
今日份学习——(HTML+CSS)表单属性
表单的构成与创建一个完整的表单通常由表单元素、提示信息和表单域3个部分构成。在HTML5中,form标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下。form action="url 地址" method="提交 方式" name="表单名称"> 各种表单控件 </form表单属性表单拥有多个属性,通过设置表单属性可以实现提交方式、自动完成、表单验证等不同的表单功能。action属性在表单收原创 2020-06-14 15:52:20 · 4450 阅读 · 0 评论 -
今日份学习——(MySQL)关联表操作与外键约束
外键外键: foreign key,外面的链(键不在自己表中):如果一张表中有一个字段(非主键)指向另外一张表的主键, 那么将该字段称之为外键.增加外键外键可以在创建表的时候或者创建表之后增加(但是要考虑数据的问题)。创建表的时候增加外键:在所有的表字段之后,使用foreign key(外键字段)references 外部表(主键字段)创建失败,原因:无法添加外键约束。上网搜索,发现需要“确认字段类型,大小是否一致。”以下为表的字段类型(部分)经过修改,最终成功实现。(如下图,由于曾误触关原创 2020-06-08 16:59:20 · 582 阅读 · 0 评论 -
今日份学习——(MySQL)多表连接与子查询
联合查询联合查询:将多次查询(多条select语句),在记录上进行拼接(字段不会增加)。基本语法:多条selet语句构成:每一条selet语句获取的字段数必须严格- -致(但 是字段类型无关)。Select语句1Union [union选项]Select语句2…Union选项:与select选项-样有两个:All:保留所有(不管重复)Distinct.去重(整个重复):默认的联合查询时数据类型可以不要求一样。但是字段多少必须一致。意义查询同一张表,但需求不同。如:查询学生信原创 2020-06-07 14:41:35 · 658 阅读 · 0 评论 -
今日份学习——(MySQL)运算符
逻辑运算符逻辑运算符用来判断表达式的真假。如果为真返回1,如果为假返回0.and 与or 或not 非1.查询评分小于4.5分的电子产品2.查询“文具”或价格大于500的商品3.查询非电子产品的商品算术运算符运用算术运算符比较运算符1.使用比较运算符进行运算2.使用is null、is not null运算符3.使用“between and”运算符判断一个数是否在范围内4.运用“in”运算符判断某值是否在指定范围内5.使用like运算符,判断某字符串是否原创 2020-06-02 17:46:29 · 195 阅读 · 0 评论 -
今日份学习——(MySQL)单表操作
蠕虫复制蠕虫复制:从已有的数据中去获取数据,然后将数据又进行新增操作;数据成倍的增加。表创建高级操作:从已有表创建新表(复制表结构)create table 表名 like.数据库.表名;蠕虫复制:先查出数据,然后将查出的数据新增一遍insert into 表名[(字段表名)] select 字段列表 * from 数据表名;系统报错,原因:前面my_copy已经复制了表结构,与现在被复制的表结构不符合,且不能再复制subscribe的表结构。需要创建一个新的my_copy1复制subscr原创 2020-05-30 13:15:41 · 697 阅读 · 0 评论 -
今日份实操——(HTML+CSS)浮动布局练习
效果图如下所示。分析过程:总共分为heder、nav、aside、content、footer5个区域。header区域:由背景图片和蓝色背景颜色构成;nav区域:由5个超链接构成,每个超链接要设置渐变背景,当鼠标划过时更改渐变背景的显示效果。aside区域:宽度取和nav超链接同宽,背景颜色为蓝色。content区域:位于aside区域右侧。footer区域:背景颜色为淡蓝色。代码环节:...原创 2020-05-27 22:29:51 · 1295 阅读 · 0 评论 -
今日份学习——(MySQL)表的约束
默认值默认值:某一种数据会经常性的出现某一个具体的值,可以在一开始就指定好:在需要真实数据的时候,用户可以选择性的使用默认值。默认值关键字:default。默认值的生效:使用,在数据进行插入的时候,不给该字段赋值想要使用默认值,可以不一定去指定列表,故意不使用字段列表:可以使用default关键字代替值列属性列属性:真正约束字段的是数据类型,但是数据类型的约束很单一,需要有一些额外的约束,来更加保证数据的合法性。列属性有很多:null/not null,default,primary k原创 2020-05-30 15:58:05 · 953 阅读 · 0 评论