JavaScript语句流程控制

在一个程序执行的过程中,语句的执行顺序对程序的结果是有直接影响的。也就是说程序的流程对运行结果有直接的影响。 语句流程控制是用来控制程序中各条语句的执行顺序,它可以把语句组合成能完成一定功能的代码段。流程控制方式主要有:顺序结构、条件结构和循环结构。 顺序结构是流程控制中最简单、也是最常用的结构,结构内的所有语句按顺序执行,只有上一条语句执行完成后,才执行下一条语句。 function add()

JS入门:第一个JavaScript程序

JavaScript是脚本语言,它可以直接嵌入到HTML网页,由浏览器一边解释一边执行。JavaScript程序一般是在客户端运行,当然也可以在服务器端运行。例如:Node.js就可以让JavaScript运行在服务端,使用JavaScript技术构建WEB服务器。为便于描述,JavaScript也称为JS,后面内容的JavaScript和JS都是指JavaScript脚本语言。 编写第一个嵌入H

CSS入门:元素的位置属性position

默认情况下,HTML元素在网页的位置是由元素类型(块元素或行元素)以及内容来决定的。浏览器显示HTML网页时,当遇到块元素时,浏览器会将将该元素放置在独立的一行,行的高度由元素内容或元素高度属性决定,该元素后面的内容会被放置在该元素的下方;当遇到行元素时,浏览器会将该元素及后面的行元素都放置在一行,行的高度由最高的那个行元素决定。这样的排版方式称为流式排版。 一般情况下,建议HTML元素都遵循流式

CSS入门:元素的浮动属性float

在前端编程中,美工负责网页的设计,,美工设计网页时注重艺术性、美观性和易用性,基本不考虑HTML元素自身的排版特性(HTML元素分为块元素和行元素,块元素在网页中的效果是该元素的内容对于其前后元素的内容都另起一行,行元素在网页中的效果是该元素的内容对于其前后元素的内容都在一行显示)。前端工程师需要通过CSS和HTML元素来实现美工设计的网页,要实现美工设计的网页布局,就需要前端工程师借助CSS的布

CSS入门:元素背景径向渐变填充

渐变填充分为线性渐变和径向渐变两种方式。前面介绍了线性渐变填充,这节介绍径向渐变填充。径向渐变填充是从起点颜色到终点颜色,从内到外进行椭圆或圆形渐变。 径向渐变填充使用radial-gradient()函数,需要定义起始颜色、中间过度颜色和终止颜色,中间过度颜色可以有多种颜色,也可以省略过度颜色。例如下面的radial-gradient()函数定义了起始颜色为红色、过度颜色为黄色、终止颜色为蓝色的

CSS入门:元素背景线性渐变填充

在CSS3之前实现元素背景的渐变填充需要用图像来实现,用图像实现元素的渐变填充存在显示模糊、占用流量和网页下载时间过长的问题。CSS3增加了对元素背景渐变填充的支持,当前主流浏览器的版本一般都支持CSS3。渐变填充分为线性渐变和径向渐变,线性渐变使用CSS3函数linear-gradient()。 使用linear-gradient()函数实现元素背景的渐变填充,需要定义起始颜色、中间过度颜色和终

CSS入门:神奇的background样式

说background样式神奇,在于它能把多个背景样式组合起来使用,简单易用。使用background样式可以一次性指定元素背景图片、图片的宽度和高度、图片的平铺模式、起始位置和元素的背景颜色,免去书写多个样式标签的麻烦。 例1:使用background样式设置元素的背景图片和颜色 <html> <head> <title>background-image样式&

CSS入门:使用图片填充元素背景

在网页设计中,使用图片来填充元素背景,可以让元素背景呈现丰富多彩的外观。使用图片填充元素背景的常用样式标签有background-image、background-repeat、background-position和background-size,下面分别予以介绍。 background-image用于设置元素的背景填充图片,background-image的属性值是url函数,url函数要求传

CSS入门:元素背景纯色填充

在网页设计中,有时需要对元素的背景进行填充。元素的背景包括元素的内容区域,内边距和四边边框,但不包括元素的外部边距。填充背景可以使用纯色、渐变色和图片。 使用纯色填充元素背景的样式标签是background-color。background-color的属性值为关键字、十六进制颜色值、rgb()函数、rgba()函数。 CSS定义了一组颜色关键字用于描述常用颜色,下图给出了CSS定义的16个基本颜

CSS入门:文字对齐样式

文字对齐分为横向对齐和纵向对齐,横向对齐是指水平方向上,文字在给定的区域宽度(设置宽度的HTML元素,如div、table等元素)内采用的对齐方式,纵向对齐是指竖直方向上,文字在给定的区域高度(设置高度的HTML元素,如td、textarea等元素,不支持div元素)内采用的对齐方式。横向对齐的样式标签是text-align,纵向对齐的样式标签是vertical-align。 text-align