![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
杨壹朝
这个作者很懒,什么都没留下…
展开
-
前端介绍及常用标签属性
前端架构分析开发流程设计页面样板–>前端工程师将样板做成静态网页–>后端工程师将静态网页修改为动态网页##C/S架构B/S架构B/S架构顾名思义就是 B代表浏览器,则S代表服务器的意思2.B/S架构就是说以网址的形式使用,将运算 操作等储存到远程服务器W3C标准**W3C标准是由万维网联盟所制定及修改1.结构(HTML)用于描述页面结构2.表现(CSS)...原创 2019-03-19 19:00:07 · 1149 阅读 · 0 评论 -
JS 定时器弹框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器弹框</title> <style type="text/css"> .pop{ width: 400px; height: 300px; b...原创 2019-04-15 17:38:40 · 753 阅读 · 0 评论 -
JS 计算机小练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script type="text/javascript"> window.onload = function(){ var oInp...原创 2019-04-15 17:40:07 · 156 阅读 · 0 评论 -
JS 定时器的用法
定时器的用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器的基本用法</title> <script type="text/javascript"> //单次定时器 var timer = setTi...原创 2019-04-15 17:43:07 · 224 阅读 · 0 评论 -
闭包做选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包做选项卡</title> <style type="text/css"> .btns{ width: 500px; height: 50px; }...原创 2019-04-15 17:45:42 · 232 阅读 · 0 评论 -
背景设置
背景介绍设置背景样式:backgrou-color: #bfa;设置背景图片;使用background-image来设置背景图片语法:background-image: url(相对路径);如果背景图片大于元素,默认会显示图片的左上角如果背景图片和元素一样大,则会将背景图片全部显示如果背景图片小于元素,则会默认将背景图片平铺以充满元素可以同时为一个元素指定背景颜色和背景图片,这样背...原创 2019-04-03 11:28:55 · 217 阅读 · 0 评论 -
雪碧图
代码如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>雪碧图</title><style type="text/css">.cart{width: 40px;height: 30px;margin: 100px...原创 2019-04-03 11:30:17 · 106 阅读 · 0 评论 -
表格于框架
背景简写background:通过该属性可以同时设置所有背景相关的样式,没有顺序要求,没有数量要求,不写的样式就是用默认值例:background: #bfa url(img/3.png) center center no-repeat fixed;表格</style></head><body><!-- 表单的作用就是用来将用户信息提交给...原创 2019-04-03 11:33:37 · 127 阅读 · 0 评论 -
CSS浮动
浮动文档流文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。浮动特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动,碰到父元素边界、浮动元素、未浮动的元素才停下来3、相邻浮动的块元素可以并在一行...原创 2019-04-03 11:38:42 · 93 阅读 · 0 评论 -
JS 循环 数组去重 字符串等用法
循环语句通过循环语句可以反复的执行一段代码多次while循环 - 语法: while(条件表达式){ 语句... }while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true,则继续执行循环体,以此类推如果值为false,则终止循环do...while循环 -...原创 2019-04-15 17:37:34 · 357 阅读 · 0 评论 -
JS 数组及元素使用方法
switch语句条件分支语句也叫switch语句语法:switch(条件表达式){ case 表达式: 语句... break; case 表达式: 语句... break; default: 语句... break; }执行流程:switch…case…语句在...原创 2019-04-15 17:27:50 · 254 阅读 · 0 评论 -
JS 变量及函数
变量和函数预解析alert(a)- 只把变量a的声明提前,赋值不提前,所以弹出undefined,表示它的值未定义alert(c)- 报错,c没有声明,这是真正的未定义var a = 123;调用函数:不会报错myalert();定义函数:function myalert(){alert(‘hello!’);}匿名函数有名字的函数:oDiv.onclick = my...原创 2019-04-15 17:22:03 · 350 阅读 · 0 评论 -
HTML中转义字符及超链接的使用
实体(转义字符)在编写过程中我遇到必须使用的大于或小于符号这时浏览器会将它解析为标签,这时候就用到转义字符语法&实体名;字符实体符号写法<<>>©©""空格 ®®&&™...原创 2019-03-20 18:58:37 · 1967 阅读 · 0 评论 -
CSS选择器和其他选择器及权重
CSS选择器作用:CSS选择器主要用来对网页中的元素进行设置样式###CSS选择器的规范写法标签名{ }类选择器作用:根据元素的class值进行选取元素####语法.className { }ID选择器作用:根据元素的id属性值选取元素####语法#id { }符合选择器(交集选择器)作用:可以同时使用多个选择器,这样可以选择同时满足多个选择器的元素...原创 2019-03-21 19:55:35 · 243 阅读 · 0 评论 -
HTML中标签及列表
文本标签为标识网页中的不同内容而生< em >和< strong >标签em标签用于表示一段内容中的着重点strong标签用于表示一个内容的重要性em标签和strong标签可以单独使用,也可以一起使用通俗讲就是em显示为斜体,而strong显示为粗体代码演示<p><strong>警告:任何情况下不要接近僵尸。</str...原创 2019-03-25 19:50:30 · 366 阅读 · 0 评论 -
HTML中盒子模型用法
盒子模型在网页中一切的物体都可以以盒子相称网页就是由多个盒子组成##盒子CSS处理网页时,它认为每个元素都包含在一个不可见的盒子里,那么对网页的布局就相当于摆放盒子,只需要摆放好盒子就可以完成网页的布局啦!是不是感觉很简单呢##盒子模型一个盒子会分成四个部分:内容区(content)内边距(padding)边框(border)外边距(margin)如图片所示内容区...原创 2019-03-25 20:05:46 · 1768 阅读 · 0 评论 -
小练习 开班信息
具体代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>近期开班</title> <style type="text/css"> *{ margin: ...原创 2019-03-28 19:27:17 · 151 阅读 · 0 评论 -
JS基本语法
js的特点解释型语言类似于C和JAVA的语法结构动态语言基于原型的面向对象js的编写位置可以将js代码编写到外部js文件中,然后通过script标签引入,写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,这是推荐使用的方式script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略,如果需要则可以再创建一个新的script标...原创 2019-04-15 16:59:00 · 112 阅读 · 0 评论 -
JS运算符的基本运用
运算符运算符也叫操作符通过运算符可以对一个或多个值进行运算,并获取运算结果比如:typeof就是运算符,可以来获得一个值的类型,它会将该值的类型以字符串的形式返回number string boolean undefined object-算数运算符当对非number类型的值进行运算时,会将这些值转换为number然后在运算任何值和NaN做运算都得NaN...原创 2019-04-15 17:09:34 · 117 阅读 · 0 评论 -
JS if和switch 练习
计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script type="text/javascript"> window.onload = function () { ...原创 2019-04-15 17:17:13 · 228 阅读 · 0 评论 -
框架集 条件HACK
框架集框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面框架集可以同时引入多个页面,而内联框架只能引入一个在h5标准中,推荐使用框架集,而不使用内联框架使用frameset来创建一个框架集,注意frameset不能和body出现在同一个页面中所以要使用框架集,页面中就不可以使用body标签属性:rows,指定框架集中的所有的框架,一行一行的排列cols,...原创 2019-04-03 11:46:42 · 162 阅读 · 0 评论