- 博客(31)
- 收藏
- 关注
RSS订阅原创 for循环和if语句结合的小案例
打印金字塔var level=parseInt(prompt(‘请输入层数’));if(isNaN(level)){alert(‘必须输入纯数字’);}for(var i=0;i<level;i++){var bank=level-i;for(var k=0;k<bank;k++){document.write(’ ‘);}var star=i2-1;f...
2019-12-14 11:18:20
1731
原创 循环结构
while循环语句while(循环条件){循环体…}例：1.打印出0-100的数var num=0;while(num<=100){console.log(num);num++;}打印出1-100的奇数和var sum=i=0;while(i<=100){if(i%2==0){sum+=i}i++;}console.log(sum);do…whi...
2019-12-14 10:31:57
249
原创 选择结构
if条件语句单分支语句：if(判断条件){代码段}例：if(age>=18){console.log(‘已成年’);}双分支语句：if(表达式){代码块1}else{代码块2} 例：if(age>=18){console.log(‘已成年’);}else{console.log(‘未成年’);}多分支语句if(判断语句){代码块1}els...
2019-12-14 09:59:04
236
原创 JavaScript 变量
JavaScript 变量是存储数据值的容器。声明变量，一般用var来声明也可以用let来声明，let声明的变量，表示是私有的变量，在局部作用域下。const表示声明常量定义变量的格式var 变量名;var 变量名=初始值; //初始值不受数据类型的限制var的用法var声明：var a；表示声明了一个变量a，默认值为undefined，未定义.声明多个变量：var a，b...
2019-12-13 22:53:43
251
原创 js数据类型
js的数据类型分为两大类1.基本类型布尔数据类型（Boolean）字符串数据类型（String）数值类型（Number）Nullundefine2.引用类型object（对象）array （数组）Date（日期）function（函数）布尔数据类型的值有两个，true（1）和false（0）这里有一个面试常问的题目Null和undefined的区别Null表示有值，...
2019-11-30 10:04:42
235
原创 太阳星星系
在这里插入代码片```<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>太阳星星系</title> <style type="text/css"> @keyframes rotate{ from{ trans...
2019-11-29 20:31:36
212
原创 javascript入门
javascript是一门弱类型，基于原型的直译式的脚本语言。JavaScript简称js，js的特点：js是一种脚本编程语言，也是一种解释性语言，也是一种面向对象的语言。js的天然运行环境，浏览器，web服务器，与操作系统没有任何关系，js是操作页面的。js优点：1.使用js可以在客户端进行数据验证，节省服务器端的资源2.可以方便的操作页面中的对象，使网页更加友好3.使多种任务仅在客户...
2019-11-29 20:23:12
249
原创 css3新增的伪类
:root 选择文档的根元素，等同于 html 元素:empty 选择没有子元素的元素:target 选取当前活动的目标元素:not(selector) 选择除 selector 元素意外的元素:enabled 选择可用的表单元素:disabled 选择禁用的表单元素:checked 选择被选中的表单元素:after 在元素内部最前添加内容:before 在元素内部最后添加内容:...
2019-11-23 16:21:47
262
原创 h5新增的属性
新增的属性对于js进行添加的属性。< script defer src="…js" οnlοad=“alert(‘a’)”>< /script>< script async src="…js" οnlοad=“alert(‘b’)”>< /script>如果没有以上两个属性的话，执行顺序为先加载（下载）第一个src，然后在执行其onload，...
2019-11-23 16:18:39
276
原创 h5新增的标签
1、结构标签（1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；（2）article：特殊独立区块，表示这篇页眉中的核心内容；（3）aside：标签内容之外与标签内容相关的辅助信息；（4）header：某个区块的头部信息/标题；（5）hgroup：头部信息/标题的补充内容；（6）footer：底部信息；（7）nav：导...
2019-11-23 16:15:20
528
原创 h5
H5页面的优势是兼容性好，用H5的技术开发出来的应用在各个平台都适用，且可以在网页上直接进行调试和修改，开发和维护的成本较低，开发周期较短。H5页面适合场景：把手机网站当成网络上的“电子产品介绍手册”。手机网站更适合用户“主动百度搜索”或者“主动访问”，适合于陌生用户的低频或初次访问，让用户更完整和详细的获得快速介绍。通常用户使用搜索引擎、手动输入网址等形式进行访问。H5页面不足的地方表现在...
2019-11-23 16:13:47
526
原创 css完成的动态项目
王者荣耀<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>王者荣耀</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </he...
2019-11-23 14:34:49
195
原创 css滑动门技术
css滑动门技术为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了css滑动门技术。使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。最常见于各种导航栏的滑动门。工作原理滑动门技术的关键主要在于图片拼接，利用CSS精灵Sprite（主要是背景位置position）和盒子padding撑开宽度, 以便能适应不同字数的导航栏。原背景图–> 切开...
2019-11-23 14:20:12
777
原创 css精灵技术
css精灵技术css精灵是一种处理网页背景图的方式，他就是将零星的小图片整合到一个大图片里，用定位的方式显示出你想要的部分，他只需要向服务器发送一次请求就可以加载出网页中所有的背景图片。css精灵图的工作原理CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position...
2019-11-23 12:00:55
352
原创 元素的定位
元素的定位基本语法格式：选择器{position：属性值；}position: absolute;绝对定位,相对于其上一个已经定位的父元素进行定位position: relative;相对定位,相对于其原文档流的位置进行定位position: fixed;固定定位,相对于浏览器窗口进行定位position: static;默认值,自动定位position:inherit； 规定应该从...
2019-11-23 11:45:27
617
原创 浮动
浮动浮动的语法格式选择器{float：属性值；}float的属性值有三个1.none，默认值，不浮动2.left，向左浮动3.right，向右浮动为什么会出现浮动浮动float最开始出现的意义是为了让文字环绕图片而已，但人们发现，如果想要三个块级元素并排显示，都给它们加个float来得会比较方便。什么时候清除浮动？给三个块级元素都加上float属性后，问题出现了，父元素高度塌陷...
2019-11-21 23:33:17
131
原创 表单
表单一个完整的表单通常是由表单控件，提示信息和表单域三个部分构成。表单控件：包含了具体的表单功能项，例如文本输入框，密码框，复选框，提交按钮，重置按钮等；提示信息：就是提示用户填写和操作表单域；相当于一个容器，用来容纳所有的表单控件和提示信息。< form action=“提交到的地址” method=“提交方式” name=‘表单名称’> < input type...
2019-11-21 23:13:45
263
原创 表格标记
表格标记< table border="" cellspacing="" cellpadding="">< tr>< th>header< /th>< /tr>< tr>< td>Data< /td>< /tr>< /table>< table>< /...
2019-11-21 22:52:02
927
原创 链接伪类控制超链接
链接伪类控制超链接a链接的伪类有四种1.a:link{}超链接未访问时的状态2.a:visited{}访问后超链接的状态3.a:hover{}鼠标经过悬停时，超链接的状态4.a:active{}鼠标点击不动时的状态同时使用这四种伪类时，应该按照a:link{}，a:visited{}，a:hover{}，a:active{}的顺序写，否则会不起作用。...
2019-11-16 20:02:19
1499
原创 超链接
超链接用a标记创建超链接< a href=“跳转目标” target="">< /a>href用于指定跳转目标url的地址他的值还有“#”，表示该链接暂时为一个空链接target用于指定链接页面的打开方式，取值有_self和_blank两种_self为默认值，意为在原窗口中打开，_blank，意为在新窗口中打开...
2019-11-16 18:13:56
718
2
原创 列表
列表1.无序列表< ul type="">< li >1< /li >< li >2< /li >< li >3< /li ></ ul >其中type的值有三个值disc为默认值circle是空心圆square是实心黑色正方形2.有序列表< ol type="">...
2019-11-16 17:30:40
124
原创 元素的类型转换
元素的类型转换HTML里的元素类型有三种1.块元素特点：独自占一行，设置宽高，内外边距有效。例如：div，p，ul，li，h1~h6等2.行内块元素特点：可与行内元素同在一行之中，设置宽高，内外边距有效。例如：img，input等2.行内元素特点：可与行内块元素同在一行之中，设置宽高，内外边距无效。大小是靠自身的字体大小和图片尺寸来支撑的。例如：span，a，em等displ...
2019-11-16 15:20:49
348
原创 盒子模型
盒子模型概念所谓的盒子模型，就是把HTML里的元素看做一个矩形的盒子，也就是一个盛装内容的容器，每个盒子都是由元素的内容，边框，内边距，外边距四部分组成。div{width:100px;盒子宽100pxheight:100px;盒子高100pxborder:1px solid red;盒子边框为1px，实线，红色margin:20px;盒子外边距为20pxpadding:20px;...
2019-11-16 15:10:18
185
原创 css的优先级
css的优先级css为每一个基础选择器都分配了一个权重，标记选择器的权重为1，类选择器的权重为10，id选择器的权重为100，其中权重最高的为!important，权重越大，优先级就越大，除此之外，权重是可以叠加的。例如：p span{} 权重为1+1=2；.nav p{} 权重为10+1=11；#div .nav p{} 权重为100+10+1=111等并...
2019-11-16 14:54:55
409
原创 css基础选择器
css基础选择器标签选择器：针对一类标签ID选择器：针对某一个特定的标签使用类选择器：针对你想要的所有标签使用通用选择器（通配符）：针对所有的标签都适用（不建议使用）1.标签选择器：选择器的名字代表html页面上的标签，例如p，h1,span,等标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。2.ID选择器：规定用#来定义（名字自定义...
2019-11-12 23:03:27
179
原创 引入css样式表
html里的css样式html引用css的样式有三种。1.行内样式例如：< h1 align=“center” style=“color: red;”>标题一</ h1>2.内嵌样式例如：< !DOCTYPE html>< html>< head>< meta charset=“UTF-8”>< tit...
2019-11-12 22:46:47
189
原创 html的标记
html的标记在html页面里，带有“<>”符号的元素被称为HTML标记。html分为单标记和双标记。单标记也称空标记，是指一个标记符号即可完整的描述某个功能的标记。语法格式是<标记名/>例如： ，等。双标记也称体标记，是指由开始和结束两个标记符组成的标记。语法格式：<标记名>内容</标记名>例如：,,等。注释标记就是如果需要在...
2019-11-12 21:26:53
2763
原创 语义化的标签
语义化的标签语义化的标签header标签，表示页面的头部，nav标签，表示导航栏，article标签，表示页面中一块与上下不相关的独立内容。section标签，页面中的一个内容区块，aside标签，表示article标签内容之外的，与article标签内容相关的辅助信息，footer标签，表示页面的底部。...
2019-11-12 09:31:22
165
原创 Web基本概念
Web基本概念web中文意为网页，说到网页，其实大家都不陌生，上网时浏览新闻，查询信息，看图片等，都是在浏览网页。网页主要是由文字，图片，超链接等元素构成。当然，除了这些元素，网页中还可以包含音频，视频，Flash等。网站是由网页构成的，网页有静态和动态之分。所谓静态网页，是指用户无论何时何地访问，网页都会显示固定的信息。除非网页源代码被重新修改上传。静态页面给信不方便，但是访问速度块。动态网...
2019-11-11 20:47:44
591
2
原创 web标准
web标准web标准是一系列标准的集合，主要包括结构，表现和行为三个方面。1.结构标准结构用于对网页元素进行整理和分类，主要包括XML和XHTML。XML： 指可扩展标记语言（EXtensible Markup Language）是一种标记语言，类似 HTML设计宗旨是传输数据，而非显示数据标签没有被预定义。您需要自行定义标签。被设计为具有自我描述性。是 W3C 的推荐标准X...
2019-11-11 20:47:02
3482
原创 HTML简介
HTML简介HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。HTML的英文全称是 Hypertext Marked Language，即超文本标记语言。HTML版本HTML历史上有如...
2019-11-11 20:45:57
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人