CSS中控制各个Block element的位置方式之一,tag为position,有4种属性. 1. static 一般网页默认的属性,表示element根据页面正常流(normal flow)进行排列,也就是默认的摆放方式,所以一般不会在CSS文件内编写. 2. absolute 表示element从页面正常流中去除,本该所属的地方不会保留位置,并且相对于距离它最近的父元素(parent element)进行移动.比如说在body内的一个div设为absolute,那么移动的时候就是相对于b…

系列链接: Java web与web gis学习笔记(一)--Tomcat环境搭建 Java web与web gis学习笔记(二)--百度地图API调用 JavaWeb和WebGIS学习笔记(三)--GeoServer 发布shp数据地图 一.申请百度地图开发者 百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API.Web服务API.Android SDK.iOS SDK.定位SDK.车联网API.LBS云等多种开发工具与服务,提供基本地图展现.搜索…

一.JavaBean简介 JavaBean是使用Java语言开发的一个可重用的组件,在JSP的开发中可以使用JavaBean减少重复代码,使整个JSP代码的开发更简洁.JSP搭配JavaBean来使用, 有以下的优点: 可将HTML和Java代码分离,这主要是为了日后维护的方便.如果把所有的程序代码(HTML和Java)写到JSP 页面中,会使整个程序代码又多又复杂,造成日后维护上的困难. 可利用JavaBean的优点.将常用到的程序写成JavaBean组件,当在JSP要使用时,只要调用Java…

首先我们启动HBuilderX2.0 ,界面如图2-1所示 图2-1 软件开发界面 单击“文件—新建—项目”,弹出新建项目管理界面,我们在里面进行了项目类型选择“5+APP”.项目名称填写“编程之路”.设置文件存放路径和模板选择“默认模板”,点击创建,我们的新建项目就OK了,如图2-2所示. 图2-2 新建项目设置 这样我们的开发目录基本建立起来了,主要包括4个文件夹和2个html文档,目录结构如图2-3所示..4个文件夹分别是:CSS文件夹用于存储样式文件.img文件夹用于存储图片信息.js文…

1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 css存在方式: 元素内联 页面嵌入 外部引入 语法:style = 'key1:value1;key2:value2;' 1.元素内联(在标签中使用css) <!--在标签使用--> &…

[前言]前面(一)学习了web的基础知识,介绍到了MVC,项目使用一个Django框架. Django book:https://code.ziqiangxuetang.com/django/django-tutorial.html 1. web框架介绍 具体介绍Django之前,必须先介绍WEB框架等概念.web框架: 别人已经设定好的一个web网站模板,你学习它的规则,然后"填空"或"修改"成你自己需要的样子. 一般web框架的架构是这样的: 其它基于pytho…

2014秋季学期Web2.0课程作业 <Homework1 - Recipe> 给出内容的文本文档,根据要求编写html和css.基本上没有难点. 1. 需要添加标签栏名称前面的小图标,是使用head标签内的link属性进行调整, <link rel="icon" type="image/gif" href="http://courses.cs.washington.edu/courses/cse190m/09sp/homework/1/…

2014秋季学期Web2.0课程实验 <Lab2 - Journal> 1. 对CSS的BOX MODEL进行亲密接触,理解他的用途. 2. 在float图片的时候,发现此时图片脱离了原来所在的div,如图所示. 需要注意的是,float之后的element也是从页面正常流里面移除了.极端的来说,如果一个div里面的所有element都设置为float的话,那么它的高度就为0了.此时用Chrome开发者工具查看,图片的margin和文本的content上端是水平的,可以知道他仍然是在conte…

简单说一句,现在开始准备面试前端的知识,每天完成相关的任务,记录一些点. 2014秋季学期Web2.0课程习题 <Lab1 - About Me Page> 目标是自己动手写一个粗略的包含主要标签的html文件和附加的css练习. html方面,使用了定义文件类型的doctype,定义文档信息的head和显示本体的body,另外标题的h1.h2等,段落的p和列表的ol——总共五类. css方面,定义了body的背景.文字颜色,还有一些id和class的样式. 1. id是唯一的,class是可…

1.把样式表置于顶部 现把样式表放到文档的< head />内部似乎会加快页面的下载速度.这是因为把样式表放到< head />内会使页面有步骤的加载显示.HTML规范清 楚指出样式表要放包含在页面的< head />区域内:“和< a />不同,< link />只能出现在文档的< head />区域内,尽管它可以多次使用它”.无论是引起白屏还是出现没有样式化的内容都不值得去尝试.最好的方案就是按照HTML规范在文 档< he…