摘要: JavaScript语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情,每一句JavaScript代码格式: 语句;准确来说类似这样的<script type="text/javascript">alert("点击告白javascript");</script>;其中alert("点击告白javascript");就是一个 javascript语句;一行的结束就被认定为语句的结束,通常在结尾加上一个分号";"来表示语句的结束。注意:1. “;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。2. 虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。 阅读全文
posted @ 2020-03-11 13:25 鬼牛阿飞 阅读(638) 评论(0) 推荐(0) 编辑
摘要: <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。尤其注意的是<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。一个JS文件不能直接运行,就像css外部文件引入一样,我们还需要需把js文件嵌入到HTML文件中执行,我们需在HTML中添加<script src="js文件路径" type="text/javascript" charset="utf-8"></script>,就可将JS文件嵌入HTML文件中 阅读全文
posted @ 2020-03-10 23:59 鬼牛阿飞 阅读(4182) 评论(0) 推荐(0) 编辑
摘要: 你知道,为什么JavaScript非常值得我们学习吗?1.所有的主流浏览器都支持javascript;2.大部分网页都使用javascript;3.它可以让网页呈现出各种动态效果4.作为一个web开发师,如果你想提供漂亮的网页,拥有让我用户满意的上网体验,js必不可少。二、javascript入门槛低,易学:1.学习环境无处不在,只要有文本编辑器,就能编写javascript脚本程序2.我们可以用简单命令,完成一些基本操作三、从哪开始学习呢?学习javascript的起点就是处理网页,所以我们先学习基础语法和如何使用DOM操作 阅读全文
posted @ 2020-03-10 23:03 鬼牛阿飞 阅读(771) 评论(0) 推荐(0) 编辑
摘要: 行内水平居中设置通过给父元素设置 text-align:center 来实现的,块状元素分定宽和不定宽块状元素实现水平居中有3种方法:1.加入 table 标签2.设置 display: inline 3.设置 position:relative 和 left:50%:利用 相对定位 的方式,将元素向左偏移 50% ,其次单行垂直居中通过height和line-heigt,那么多行文本怎么处理?最后有一个有趣的现象就是当为元素设置position : absolute 或者float,素的display显示类型就会自动变为以 display:inline-block(内联块状元素)的方式显示,就可以设置元素的 width 和 height 了 阅读全文
posted @ 2020-03-07 02:31 鬼牛阿飞 阅读(623) 评论(0) 推荐(0) 编辑
摘要: 在网页中元素有三种布局模型:1.流动模型(Flow)2.浮动模型 (Float)3.层模型(Layer),如何让html元素在网页中精确定位?通过css定位属性position来支持层布局模型=>层模型有三种形式:1.绝对定位(position: absolute)2.相对定位(position: relative)3.固定定位(position: fixed)虽然CSS文件或者嵌入的CSS都纯文本文件,为了减少css样式代码的编写量,代码缩写是很有必要的,这样可以使用户访问你的网页的时候占用更少的带宽。因此有必要掌握盒模型代码简写/颜色值缩写/字体缩写/除此之外,在网页中的颜色设置是非常重要,设置颜色的方法也有很多种:(1).英文命令颜色(2).RGB颜色(3).十六进制颜色;最后总结一下网页中常用到的长度单位,比方说px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。 阅读全文
posted @ 2020-03-06 22:54 鬼牛阿飞 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 通过字体、字号、颜色、粗体、斜体、下划线、删除线、缩进、行间距、字符间距、对齐等css格式化要素实现网页格式化排版,完成设计页面效果;了解css布局前提,需要掌握三种html不同标签:块状元素、内联元素(行级元素)、内联块状元素,了解它们之间如何进行转换;此外通过盒模型掌握css布局,盒模型作为CSS布局的基石,弄清楚盒模型的概念、结构、尺寸与实际宽高的计算,最后知道盒模型中margin存在数值bug如何解决 阅读全文
posted @ 2020-03-05 23:35 鬼牛阿飞 阅读(1954) 评论(0) 推荐(1) 编辑
摘要: html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。<input type="radio/checkbox" value="值" name="名称" />注意事项:同一组的单选按钮,name 取值一定要一致. 如果<input type="radio/checkbox" value="" name="名称" />里面的value=""不写值的话,在提交的时候是没办法展示出来的;因为前端浏览器给用户看,会涉及到一个默认值,用value表示,就是说只要和选择相关就需要有默认值提交给服务器,这样我们添加下value值, <form action="" method="GET">GET请求<form action="" method="POST" > POST请求,它们的区别是GET请求内容展示在导航栏网址中,POST请求在控制台里面 阅读全文
posted @ 2020-03-03 22:16 鬼牛阿飞 阅读(1328) 评论(0) 推荐(1) 编辑
摘要: 什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素,类似这样body{color: pink;font-size: 16px;};常见的选择器包含:标签选择器、类选择器、ID选择器、子选择器、包含(后代)选择器、通配符选择器、伪类选择器、分组选择器;通过css选择器,我们可以对元素进行样式的设置,当然CSS中有一些概念是需要深刻理解的,比如CSS的继承、层叠和特殊性。 阅读全文
posted @ 2020-03-03 20:49 鬼牛阿飞 阅读(510) 评论(0) 推荐(0) 编辑
摘要: css层叠样式表、css样式由选择符和声明组成,而声明又由属性和值组成,/*选择符{属性:值}选择符=>选择器、{属性:值}=>声明*/ ,css/*注释语句*/来标明(html中使用);css样式代码插入页面的形式分为以下3种:内联式、嵌入式(外联式)和外部式三种!对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?因为这三种样式是有优先级的,它们的优先级:内联式 > 嵌入式 > 外部式(嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。)前提:内联式、嵌入式、外部式样式表中css样式在的相同权值的情况下=>就近原则(离被设置元素越近优先级别越高) 阅读全文
posted @ 2020-03-02 23:18 鬼牛阿飞 阅读(979) 评论(0) 推荐(0) 编辑
摘要: 浏览器通过form表单把数据提交服务器涉及http协议,模式为浏览器发送请求=>服务器接收=>自身处理=>结果返回浏览器=>浏览器根据结果展示页面给用户,请求分为GET和POST。注意:所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在表单中,其次同一组的单选按钮,name 取值一定要一致,最后form表单中的label标签标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 阅读全文
posted @ 2020-02-29 23:44 鬼牛阿飞 阅读(1406) 评论(0) 推荐(1) 编辑
摘要: 链接a标签写法:<a href="链接地址" title="" target="_blank">文本</a>如何新建浏览器窗口打开?添加target="_blank"属性,锚文本写法:<a name="br">1</a> <a href="#br">68点击跳转1</a>或者也可以这样写:<a id="br">1</a><a href="#br">68点击跳转1</a>,除此之外,默认的<a href="#">点击返回顶部</a>img图片插入写法<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 阅读全文
posted @ 2020-02-29 18:10 鬼牛阿飞 阅读(740) 评论(0) 推荐(1) 编辑
摘要: 列表根据信息展示有无先后顺序划分为有序ol>li,无序ul>li;div容器盛放逻辑版块;什么是表格,它是由一个个单元格cell构成,表格中列td的个数,取决于一行tr中数据单元格的个数,表头th文本默认为粗体并且居中显示,<table summary="表格简介文本">/*摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。*/caption标签,为表格添加标题和摘要. 阅读全文
posted @ 2020-02-29 16:51 鬼牛阿飞 阅读(640) 评论(0) 推荐(0) 编辑
摘要: 在js函数与作用域,了解函数基本概念中,我们发现当函数的实参有一个没有上传的时候,对应的形参time展示的值就是undefined,那么如何在不上传time的情况下,解决这个默认值了?方法2种:1.if(time==undefined) 2. time=7;除此之外,函数的另外一个重要特征动态参数arguments,函数的调用传递都会以数组的形式传递到定义function里面去执行,数组遍历,下标从0开始,数组对应的长度为length 阅读全文
posted @ 2020-02-28 18:07 鬼牛阿飞 阅读(762) 评论(0) 推荐(1) 编辑
摘要: html标签默认在浏览器中展示的样式,html标签的用途:语义化(明白每个标签的用途,在什么情况下使用此标签合理);标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容。html常见标签诸如:文本段落<p>,标题<h1-h6>,空格 换行<br/>,强调<strong>or<em>,短文本引用<q>,长文本引用<blockquote>,短代码引用<code>长代码引用<pre>,水平横线<hr/>添加地址信息<address> 阅读全文
posted @ 2020-02-28 17:03 鬼牛阿飞 阅读(732) 评论(0) 推荐(1) 编辑
摘要: 上网浏览的各式各样网页,这些网页都是由html标签组成的!网页是什么?网页是html文档经过浏览器内核渲染以后展示出来给用户的界面;如何通过html书写自己的一个网页?html和css有什么关系?html是网页内容的载体,css样式是表现,JavaScript是用来实现网页上的特效效果!html文件的基本结构?html标签的语法?<head></head>标签可以包含哪些内容?html代码注释以及作用 阅读全文
posted @ 2020-02-28 10:27 鬼牛阿飞 阅读(786) 评论(0) 推荐(0) 编辑