自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前段学习-Js方法详解

① String()方法 得到一个字符串或者字符串对象② toString()方法 将一个其他对象转换为字符串区别:若要深究两者的区别,相比String()方法,toString()方法不能对“null”和“undefined”进行转换还有一点区别就是toString()方法能将一个数值型转换为2~36之间进制的字符串,这点String()就办不到了。③ toLowerCase()和to...

2018-12-26 13:46:22 184

原创 构建一个登陆页面实现验证跳转

<form action="https://www.baidu.com" onsubmit="return fc()"> <input type="text" name="username" value="vvv" /> <input type="password" name="passwo

2018-12-20 18:44:50 1487

原创 表格的JS生成

</tbody></table><script> var shuiguo=[ { name:"苹果", sj:6, chandi:"陕西", jinjia:3, }, { n...

2018-12-20 18:42:39 318

原创 计算器页面的JS实现

( ) % C 7 9 8 / 4 5 6 * 1 2 3 - 0 . ...

2018-12-20 18:39:45 411

原创 JS选择与判断种类

(1) if-else判断名字由来:整个表达式由if-else控制基本语法if(条件){。。。}else{。。。}特点:if语句的语法简单,结构清晰,但性能要低于三目运算符注意可以只写if也可以写if…else if…else…【这种写法能验证多类型条件组合】function rememory() {var ys = prompt(“你高中的成熟度为多少?【可填写三...

2018-12-17 19:20:46 6501

原创 HTML与CSS的总结

一、html的文本标签1、标题标签:h1~h6普通的文本标签 :span2、段落标签:p文章标签 :article 文章中的节标签:section3、布局标签:div5、图片显示标签: img(属性 src alt title)它是行内块级标签。6、超链接标签: a(href target)7、框架标签: iframe8、列表标签:a、有序列表 b、无序列表c、定义列表9、表...

2018-12-14 17:33:24 126

原创 flex布局-学习笔记

一、 讲解作业二、z-index用于设置定位元素显示的层级默认定位后的元素会在普通文档元素之上显示,那么如何做到让定位后的元素显示在文档的下方呢? 设置z-index的值即可Z轴概念:水平的X轴和垂直的y轴构成了一个面,而Z轴则就是垂直这个面。Z-index作用:Z-index属性其作用就为设置一个定位元素沿 z 轴的位置。Z-index值效果:z-index 属性设置元素的...

2018-12-11 19:53:52 517

原创 media响应式 前端学习笔记

media响应式1、什么是多媒体查询?媒体查询是指:通过查询出访问我们网页的设备的媒体类型,来决定使用何种样式。2、 作用—多媒体的解决问题是什么?媒体查询的作用为:为了解决在不同媒体类型上,网页的排版,显示,样式等问题3、 语法—多媒体查询的基本语法@media not|only mediatype and (expressions) { CSS 代码…; ...

2018-12-07 17:25:14 3717 3

原创 CSS变形转换-学习笔记

CSS的变形转换属性:transform一、translate-位移 常用 该属性值有三种类型:“translateX”translateY”和“translate。“translate”可以作用于已经执行了“绝对定位(position:absolute)”的元素,而要用“position”已经设置为了“绝对定位”的元素使用“相对定位(position:relative)”需要对布局进行重新计...

2018-12-06 16:51:01 142

原创 CSS过渡特效/CSS动画-学习笔记

Css学习第十三天css过渡特效1、 过渡特效的概述什么是过渡特效:一个状态到缓慢的变化到另一个状态我们称之为过渡。过渡使用流程:① 给要过渡的元素设置初始状态② 设置要过渡的元素设置最终状态③ 给要过渡的html标签设置过渡属性2、 执行变换的属性transition-property(none all name指定一个或者多个属性名称列表,以逗号进行分隔,当指定属性产生变化是,...

2018-12-05 18:51:47 224

原创 CSS-元素的显示、浮动及定位

一、作业的讲解二、display 元素的显示方式(none inlin block inlin-block)的补充讲解三.元素浮动的补充讲解Float它的值有:none left right(1) 该属性可以使元素脱离文档流,在父容器中进行浮动,停靠到父元素的“内容边界”或其它浮动元素的“边框”,(2) 浮动的元素会忽略元素间的“空格”,让同样具有该属性的元素“紧密”地排列在一起。(...

2018-12-04 17:57:00 196

原创 背景的渐变/vatical的专题解析/cs元素的显示与隐藏-学习笔记

记单词、复习。背景色的渐变(渐变是css3中的东西,考虑加上兼容处理)1、线性渐变背景颜色沿着一条直线进行的它的属性为:linear gradient1)渐变的位置:它的方向值有(to left从右到左渐变、to-right从左到右渐变、to top 从下到上渐变、to-bottom从上到下渐变、to-right-bottom。从左上渐变到右下/ 角度值:用deg作为单位;每个颜色间用逗...

2018-11-30 17:18:26 216

原创 了解元素的大小及元素阴影、css背景-学习笔记

一、 记单词、评讲作业、复习。二、 了调整元素大小(resize)resize应该配合overflow这个css属性进行使用,然后overflow值一般为下者之一即可:hidden/auto/scrollresize应该使用到块级元素与行内块元素上。【通过display属性修改的也算】resize主要有三个值① 允许垂直改变大小:vertical② 允许水平改变大小:horizo...

2018-11-29 17:56:08 143

原创 文本样式设置/盒子模型学习笔记

一、记单词、复习前一天的学习内容、讲解练习作业。二、转义字符http://tool.oschina.net/commons?type=2 (转义字符的链接)三、文本样式设置1、text-indent 用于段落首行缩进。如果用于中文布局,一般会使用2em作为单位,段落缩进的首行字符。2、text-decoration 文本装饰线它的属性值有(none、line-through、overli...

2018-11-28 17:11:01 315

原创 字体样式设置学习笔记

一、 复习前一天学习的知识+记单词二、字体样式设置字体样式的大致特征:字体粗细、字体类型、字体大小、字体系列1、 字体类型(font-style)用于设置字体类型,可以设置的值(normal:普通字体、italic:斜体、oblique:倾斜字体)2、字体粗细 font-weight它的值有(normal正常字体 、bold粗体、bolder更粗、lighter更细、100-900:步长...

2018-11-27 17:35:13 276

原创 css的样式及选择器跟选择器权重的学习笔记

一、复习上一周学习过的内容。注意如果在css里面给table加border值得话,只会显示table的边框。如果要给td的边框应该给td写一个border值。二、css的介绍三、css的基本结构四、css的四种样式1、 内嵌式:写在style标签对里面。2、 行内样式:直接写在标签行上面。3、 外链样式:单独写一个css文件,通过link标签引入导入式:单独写一个css文件,通过@...

2018-11-26 16:25:30 140

原创 2018-11-23学习笔记

一、复习前一天学过的知识二、Input 中type的新增加的值:email、url、number、tel 、range、colorEmail。日期相关的:date(年月日) month(年月) time(小时分钟) week(年周) datetime datetime-local(规定显示的类型为“本地日期时间"选择控)让input接收一个邮箱地址。基本形式如下:注意:只要当你输入的...

2018-11-23 17:39:02 103

原创 2018-11-22学习笔记

、列表标签1、列表的概述列表为对某件事物进行步骤的描述,或者一系列有关联的事项的描述的标签列表标签为双标签,写法如下: 或 或 注意【他们的子元素li dt dd是块级】2、列表的属性值Ul disc 项目符号以实心圆“●”表示,默认值。circle 项目符号以空心圆“○”表示。square 项目符号以实心方块“■”表示。列表的嵌套Ol reversed 规定...

2018-11-22 19:20:27 110

原创 2018-11-21前端学习笔记

一、 复习前一天学习过的标签。(注意全局标签和局部标签的区别)二、 HTML文本标签(hn span p )1、响应式代码。可以识别网页在不同设备上显示。1、H1-h6具有和p标签一样的特征,占满整行。多个span标签可以同处一行,而p只能独占一行。注意:p标签上下都有一个空行,那不是块级标签的特征。那只是段落p标签独具的特征。P是块级元素,span是行内元素 ,行内元素设置宽高无效果,而...

2018-11-21 17:32:09 928 2

原创 学习笔记

前段基础知识学习1120学习笔记**一、**前端的介绍及发展历史。前端是什么?前端:面向用户的界面及其逻辑相关开发,代码一般在浏览器中运行后端:针对服务器的开发,代码一般在服务器运行前端能做什么?传统网站,webapp ,游戏,pc软件,甚至是原生app,后端开发…而且是跨平台跨设备。前端历史诞生从静态走向动态从后端走向前端Web App到原生APP从前端走向后二、...

2018-11-20 18:34:02 127

空空如也

空空如也

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

TA关注的人

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