自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小慕医生项目开发

小慕医生项目开发一、项目起步images:存放图片css:存放样式表js:js文件二、搭建div盒子分析网页分为几部分,用div分开div标签添加class属性表示“类名”,类名服务于css页头:headerlogo:logo导航条:nav横幅:banner内容:content页脚:footer三、搭建列表从语义判断应该使用哪种类型的列表...

2022-02-23 21:48:06 1397

原创 CSS3-过渡与动画-D1

一,过渡效果实战1,透明度设置为0opacity:0;2,过渡transition:opacity 1s ease 0s;3,当li被触碰时,内部的info盒子要变成透明度1li:hover .infor{opacity:1;}

2022-03-29 20:43:37 288 1

原创 CSS3-2D与3D转换-D4

一,2D变形1,旋转变形transform:rotate(45deg);(旋转角度)顺时针:角度为正;逆时针:角度为负;以左上角为中心点进行旋转transform-origin:0 0;transform:rotate(45deg);,2,缩放变形transform:scale(3);(3 是缩放倍数)当数值小于1时,标识缩小元素;大于1标识放大元素3,斜切变形transform:skew(10deg,20deg);(x斜切角度,y斜切角度)4,位移变形transform:tra

2022-03-24 16:11:24 86

原创 CSS3-背景和渐变-D3

一,背景颜色基础知识background-color表示背景颜色可以用十六进制,rgb(),rgba()表示padding区域是有背景颜色的二,背景图片基础知识background-image属性用来设置背景图片,图片路径要写到url()圆括号中,可以是相对路径,也可以是http://开头的绝对路径background-image:url(images/bg1.jpg);如果样式表是外链的,那么要书写从scc出发到图片的路径,而不是从html出发...

2022-03-23 16:09:43 428

原创 CSS3-边框和圆角-D2

一,边框三要素1,border:1px solid red;2,三个小属性border-widthborder-style:solid:实线dashed:虚线dotted:点状线border-color二,四个方向的边框1,border-topborder-leftborder-rightborder-bottom2,去掉边框border-left:none;去掉左边框3,利用边框制作三角形width:0;height:0;transparent是透明色borde

2022-03-22 16:50:02 387

原创 CSS3-浮动和定位-D1

一,浮动的基本概念1,浮动:用来实现并排float:left;float:right;2,要浮动,并排的盒子都要设置浮动3,父盒子要有足够的宽度,不然子盒子会掉下去4,浮动的顺序贴靠优先去寻找他前面的兄弟盒子贴靠5,浮动的元素一定能设置高度和宽度6,盒子不要平白无故设置浮动二,使用浮动实现网页布局1,并排显示的盒子要设置浮动,垂直方向的盒子不需要用浮动2,大盒子带着小盒子跑3,div是免费的,不要节省div盒子4,浮动不能继承二,BFC规范和浏览器差异现象:一个盒子不设

2022-03-07 23:26:14 186

原创 CSS3-盒模型-D4

一,盒模型width(盒子里面“内容”的宽)height(盒子里面“内容”的高)padding(内边距)border(边框)margin(外边距)1,weight单位:px/em/百分数当块级元素没有设置时,会自动撑满2,height单位:px/em/百分数当块级元素没有设置时,会自动撑开如果没有内容,则默认为0二,padding属性1,四个方向padding-toppadding-rightpadding-bottompadding-left2,表示方法paddin

2022-03-04 00:02:50 359

原创 CSS-文本与字体属性-D3

一,常用文本样式属性1,color属性,用来表示颜色英文单词,如color:red;十六进制,设计软件通用,如color:#ff(红)00(绿)00(蓝);color:#aabbcc;=color:#abc;(十六进制ff=十进制的255,每种颜色分量是0~255)黑色:color:#000;白色:color:#fff;灰色:color:#333;rgb()color:rgb(255,0,0);rgba()最后一个参数表示透明度color:rgb(255,0,0,65);2,fo

2022-03-02 22:11:28 588 2

原创 CSS3选择器-D2

一,CSS2.1选择器1,标签选择器,覆盖面比较大,通常使用于标签的初始化(选择页面上的所有的ul标签)ul{/去掉无序列表的小圆点/list-style:none}a{/去掉超级链接的下划线/text-decoration:none}2,id属性是标签的唯一标识名称只能由字母,数字,下划线,短横构成,不能以数字开头,字母区分大小写#+id标识选择指定的id标签我是一个段落选择id为para1的标签#para1{color:red;}二,CSS3新增选择器三,权重.

2022-03-02 00:17:51 294

原创 CSS3-D1

一,CSS3简介1,cascading style sheet层叠式样式表,给html添加样式的语言2,前端三层结构层HTML:搭建结构,描述语义样式层CSS:书写样式,美化页面,实现布局行为层JavaScript:实现交互效果,数据手法,表单验证等3,CSS意义样式和结构分离4,CSS就是样式的“清单”,把指定元素样式一条一条罗列出来二,CSS3书写位置1,内嵌式2,外链式,多个html可以公用一个css,注意后缀名是cssrel:关系stylesheet:样式表href:

2022-02-28 23:56:06 401 5

原创 表格标签-D5

一,表格的基本使用表格标签(tr是行) (th是标题小格) (td是表格数据) 我是表格的标题 第一季度第二季度 第三季度 ab c e f g h i j table:表示表格tr:table row:表示行td:table data:表格数据二,复杂表格1,横向表格的合并colspan a b c d e f g 2,纵向表格的合并rowspan

2022-02-28 00:51:24 142 1

原创 表单标签-D4

一、表单的创建formaction:填写的是提交到的后台网址method:表单的提交方式,有post和get两种二、基本控件11、单行文本框text(单标签)type属性:填入文本框的属性value属性:表示已经填写好的值disabled:锁死placeholder:表示提示词,呈灰色2、单选按钮radio(单标签),将同组的选项的name设为相同值,value设为选项值name属性:同组name互斥value属性:向服务器提交的是value属性checked属性:表示默认选

2022-02-27 00:01:05 159 1

原创 多媒体与语义化标签-D3

一、图片标签1、img标签src:source来源图片复制到项目文件夹中的images文件夹images/:图片所在文件夹图片只是被引用于网页中,后面需要和项目文件夹一起上传到服务器2、alt属性alternate:替代品,是对图像的文本表述,当无法加载图像时,浏览器会显示alt属性的备用文本3、width(宽)、height(高)属性若省略一个属性,这个属性会按图片等比例缩放4、网页支持的图片格式二、相对路径和绝对路径1、相对路径从网页出发,如何找到图片需要回退层级,使用“

2022-02-24 23:02:37 140 1

原创 HTML语法与基础标签-D2

列表一、无序列表1、和没有顺序的列表,是父子组合标签,组合出现(无序) 面包(标签) 牛奶 巧克力2、li不能散着放ul的字标签只能是li标签是容器,里面可以添加其他标签3、列表的嵌套4、的type属性:表示前导的符号样式disc:实心圆(默认)circle:空心圆square:实心方块三、有序列表1、(有序) 小沐(标签) 小工 小力2、的type属性:表示什么序号1,a,A,i,I3、的start属性:从哪里开始4、的reversed属性:倒序三、

2022-02-23 21:47:27 172 4

原创 学习前端D1(打鸡血中)

前端开发工具:node.js前端开发框架:vue.js/React,js一、HTTP超文本传输协议HTTP请求后端上传数据响应HTTP前端显示网页二、创建网页1、法1:新建文件夹打开VScode添加文件夹control+n新建网页改后缀名为.html2、法2新建文本文件改后缀名为.html(html文件是纯文本的)三、添加插件拓展搜索live sever点击install下载“Contrl+Shift+P”调用四、HTML5(HyperText Markup Langu

2022-02-22 21:53:03 314 3

原创 强制类型转换

1.Number()123 , “123”—>123true—>1 ; false—>0空 , “” , " " , null —>0一串字母报错其他NaN2.Boolean()“” , 0 , NaN , undefined ,

2018-10-29 15:53:51 131

原创 返回类型typeof()

返回类型:typeof()特殊情况:一串字母—>“undefined”null—>objectNaN—>number

2018-10-29 15:38:26 120

原创 逻辑运算符与或非的运算规则

逻辑运算符 && || !表达式1 && 表达式2表达式1真:执行表达式2;表达式1假:执行表达式1.表达式1 || 表达式2表达式1真:执行表达式1;表达式1假:执行表达式2....

2018-10-29 15:31:34 20660 1

原创 预编译

预编译发生在函数执行前js运行三步走:语法扫描 ;预编译 ;解释执行对于全局的域(global object):1.先找变量声明并赋值undefined2.找函数声明并赋值函数体3.未经声明的任何变量都属于全局变量对于函数体(activation object):1.先找 变量声明 和 形参 并赋值 undefined2.形参和实参相统一3.在函数体内找函数声明并赋值函数体...

2018-10-29 15:28:04 97

空空如也

空空如也

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

TA关注的人

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