自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 实验 视频播放器

效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>八重樱_桃源恋歌&...

2020-04-28 21:06:20 379

原创 实验 视频标签栏切换

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>视频<...

2020-04-28 21:00:38 173

原创 作业 音乐盒

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>音乐盒子</title> <style type="text/css"> /*并排放置两个带边框的框时,可令边框和内边距包含在指定宽度和高度内,用来解决盒子被挤掉下去...

2020-04-23 20:14:35 361

原创 实验二 响应式、弹性盒子应用

HTML:<!DOCTYPE HTML><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, init...

2020-04-21 18:22:12 258

原创 练习 2d、3d转换、图片切换

效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin: 0;...

2020-04-19 13:44:15 499

原创 详解CSS3弹性盒模型

弹性盒模型是CSS3规范中提出的一种新的布局方式。弹性盒模型的目的是提供一种更加高效、简洁的方式来对容器中的元素进行布局、对齐和分配富余空间,即使它们的大小是未知或者动态变化的。利用弹性盒模型的新特性可以让我们告别元素浮动、定位,完美实现元素的垂直水平居中。由于弹性盒模型是在2009年提出的,目前它已经得到了所有标准浏览器的支持,所以我们可以尝试一下这种新的布局方式。下面,笔者将详细解读一下弹性...

2020-04-17 13:45:37 213

原创 练习 css3动画

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 CSS3动画</title> <style type="text/css"> body { background-color : grey;...

2020-04-16 22:37:20 503

原创 js鼠标坐标属性

图解 event.offsetX,event.clientX,event.pageX,event.screenX属性

2020-04-16 10:56:14 169

原创 JS this之坑

彻底理解js中this的指向,不必硬背首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下...

2020-04-15 17:10:36 187

原创 实验一 响应式网站

<!DOCTYPE html><html lang="en"><head> <title>响应式绿色环保</title> <!-- 自定义主题文件 --> <meta name="viewport" content="width=device-width, initial-scale=1"&g...

2020-04-14 22:03:36 739

原创 表单验证 JS版

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实验</title> <style type="text/css"> *:focus{ outline:none;/*该元素获得焦点时,不出现虚线框(或...

2020-04-06 11:47:02 182

原创 GET和POST协议详解

一、GET请求报文分析:技术分享图片1、 请求行:a) GET(描述该请求采用了什么请求方法),HTTP协议中包含8种请求方法:GET 请求获取Request-URI 所标识的资源POST 在Request-URI 所标识的资源后附加新的数据HEAD 请求获取由Request-URI 所标识的资源的响应消息报头PUT 请求服务器存储一个资源,并用Requ...

2020-04-02 21:30:56 3308

原创 实验:表单验证

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实验</title> <style type="text/css"> *:focus{ outline:none;/*该元素获得焦点时,不出现虚线框(或...

2020-03-29 14:06:34 332

原创 THML method属性

1、method属性规定如何发送表单数据(表单数据发送到action属性所规定的页面)2、表单数据可以作为URL变量(method=“get”)或者HTTP post (method=“post”)方式来发送3、method属性:浏览器使用method属性设置的方法将表单中的数据传送给服务器进行处理。post方法和get方法(1)如果采用post方法,浏览器会:首先,浏览器其余action属...

2020-03-28 18:53:32 180

原创 表单H5新增属性和常用标签

表单是网页上用来收集用户信息的区域,由文本域、复选框、单选框、菜单、文件址域、按钮等表单元素组成。<form>标签用于创建一个表单,其基本语法如下所示:<form action="url地址" method="提交方式" name="表单名称"> 各种表单控件</form>在上面的语法中,name属性用来区分一个网页中的多个表单;action属性用于...

2020-03-28 11:45:55 796

原创 CSS3动画

CSS3 animations一个完整的CSS animiations由两部分构成:(1)一组定义的动画关键帧——@keyframes规则(2)描述该动画的CSS声明——animation属性@keyframes规则-在CSS3中使用@keyframes规则来创建动画,keyframes可以设置多个关键帧,每个关键帧表示动画过程中的一个状态,多个关键帧就可以使动画十分绚丽。-@keyf...

2020-03-28 09:49:30 193

原创 CSS字体样式属性

CSS的字体样式属性用于定义文本的字体系列、大小、风格等,CSS常用的字体样式属性如下表所示。CSS对字体综合设置样式,语法如下:CSS3@font-face规则-@font-face是CSS3的新特征,用于定义服务器字体。通过@font-face规则,开发者便可以使用户计算机未安装的字体。-@font-face规则的语法格式如下所示。yourWebFontName:自定义的字体名称...

2020-03-24 09:07:09 663

原创 实验:过渡与变形

效果图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过渡与变形的综合应用</title> <style type="text/css"> body{ background-color: bl...

2020-03-23 14:19:05 176

原创 CSS3的filter(滤镜)属性详解

1、blur模糊blur的效果顾名思义就是模糊,单位是px,例如:filter:blur(10px)效果如下,左为原图,右为使用blur的效果图,我非常怀疑今年朋友圈的红包照片微信团队就是这么干的:blur(10px)当blur(100px)时可以看到图片几乎看不到了blur(100px)这个值必须为正值,为负值时没有任何效果,如blur(-100px):blur(-100px)2、...

2020-03-20 09:36:13 1898

原创 图文展示网页设计

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 圆角边框</title> <style> body { padding: 0; background-color: #F7F7F7; } ...

2020-03-20 09:34:24 799 1

原创 3dsmax2018可编辑多边形常用操作及部分快捷键

切换可编辑多边形的次层级模式:数字键1(顶点)、2(边)、3(边界)、4(多边形)、5(元素)顶点模式下:Ctrl/Alt+鼠标左键:加/减选点Ctrl+Shift+W:点之间的焊接,当有多个点需要焊接时,选中多个点,右键,点击焊接设置窗口,调节阀值大于或等于点与点之间的距离时,就会自动焊接起来。Ctrl+Shift+E:将多边形上的两个对角点连成一条线,另外还可以通过右键中的连接或剪切来...

2020-03-14 18:12:08 10712

原创 HTML5中常用的文本标签

HTML5中常用的文本标签详解:一、<wbr>标签<wbr> 标签的定义<wbr>标签的定义<wbr>标签是英文单词“Word Break Opportunity”的缩写,表示单词换行时机;<wbr>标签属于单标签,也叫空标签,只书写成<wbr>或<wbr/>皆可,但后者较为规范;<wbr&gt...

2020-03-14 10:37:08 2834

原创 常用的CSS3选择器

常用的CSS选择器CSS选择器的作用就是从HTML页面中找出特定的某类元素。常用的几类CSS选择器如下表所示。伪选择器比较特殊,分为伪元素和伪类元素两种。一、属性选择器1.E[att^=value]属性选择器E[att^=value]属性选择器是指选择名称为E的标记,且该标记定义了att属性,att属性值包含前缀为value的子字符串。需要注意的是E是可以省略的,如果省略则表示可以匹配...

2020-03-05 21:57:57 3151

原创 3dsmax部分基础快捷键

基本快捷键及部分注释说明目录基本快捷键及部分注释说明视口调整:切换视图:切换变换命令:选择对象方式:隐藏和孤立对象:快速对齐:捕捉对象:修改轴心:其它快捷键:视口调整:Alt+W:视口最大化(也可点击右下角的最大化视口切换按钮)按住鼠标中键+移动鼠标:平移视口滑动滚轮:放大或缩小视口Alt+鼠标中键+移动鼠标:环绕观察切换视图:透视图P顶视图T底视图B前视图F左视图L摄像...

2020-03-05 15:20:18 863

原创 H5网页元素和全局属性

1.元素元素是一种具有引导和导航作用的辅助元素,通常,元素可以包含一个区域的标题,也可以包含网站logo图片、搜索条件等其他内容。例:代码:`html Welcome to my homepage My name is Donald DuckThe rest of my home page...`2.元素元素在页面中用来表示结构完整且独立的内容部分,里面可包含独立的、等结构...

2020-03-04 13:49:58 523

原创 网页制作

作业一:HTML代码: 传智播客设计学院简介 更新时间:2015年07月28日14时08分 来源:传智播客 传智播客设计学院专注于平台设计师、网页设计实、UI设计师的培训。我们拥有专业的师资团队,清晰合理的课程架构,4个月的学习循环渐进、充实饱满,结合大量的案例和实战项目,毕业后相当与两年工作经验。 传智播客设...

2020-03-01 15:55:50 332

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除