jsp——学习篇:简单使用CSS

  CSS(Cascading Style Sheet,层叠样式表),主要用来定义网页外观格式的技术!在网页中引入CSS技术,可以方便控制网页布局及显示效果!现如今,DIV+CSS技术是目前网页布局的主流技术!

  CSS基本语法为:

  样式选择器{属性1:属性值;属性2:属性值;……属性n:属性值;}

  常用选择器类型有:标签选择器,类选择器,ID选择器等。。。

  在HTML中使用CSS的方法有:行内样式,内嵌样式,链接外部样式和导入外部样式

  下面介绍一个嵌入CSS的登录页面的html源码及效果图:

  

<html>
<head>
    <title>含CSS的HTML</title>
    <!-- 使用方式为:内嵌样式-->
    <style type = "text/css">
    body{
    background-color:pink;
    font-size:18px;
    }
    </style>
</head>
<body>
<!-- 使用方式为:行内样式-->
<h1 style = "background-color:black;color:white;font-size:28px;text-align:center">登录界面</h1>
<hr>
<center>
账号:<input name = "username" type = "Text" /><br>
密码:<input name = "password" type = "password"/><br>
<input value = "登录" type = "submit" />
<input value = "注册" type = "submit" /><br>
</center>
</body>
</html>

  效果图为:

时间: 2024-09-29 08:08:14

jsp——学习篇:简单使用CSS的相关文章

jsp——学习篇:简单使用JavaScript

JavaScript是一种网页的脚本编程语言,支持客户端与服务器的应用程序以及构件的开发!它是一种解释性语言,需编译后才可以运行! 具体的语法就不在这里说明啦!JavaScript在网页中的使用有两种方式:直接加入网页中和引用方式!我只是简单的使用,平时就用第一种直接加入网页的方式! 下面是简单的使用JavaScript检查页面表单的输入是否为空及效果代码图: 1 <html> 2 <head> 3 </head> 4 <body> 5 <script

jsp——学习篇:jsp文件的构成

jsp页面文件由JSP元素和模板数据组成! 下面一个简单的jsp文件程序代码: 1 <%@ page language="java" contentType="text/html; 2 charset=UTF-8" 3 pageEncoding="UTF-8"%> 4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht

jsp——学习篇:建立第一个jsp程序

耽搁了这么久,终于要开始我们的正题!下来我们开始新建我们的第一个JSP程序!这里我将过程写成了百度经验啦,本来是一篇,木有想到百度经验对篇幅有限制,辛苦了好几个小时,不想努力白白浪费,就改成两篇啦! 这里是百度经验链接地址! 第一篇:Eclipse开发web项目的配置,链接地址是:http://jingyan.baidu.com/article/546ae185021daa1148f28c11.html 第二篇:Eclipse开发web项目,链接地址是:http://jingyan.baidu.

jsp——学习篇:初始激励

这几天开始学习JSP啦,感觉自己有点懒!就想着编写着随笔,边学习!将自己的学习过程与大家分享,一是来督促自己,二是与大家交流学习心得!一起进步,哪里有不对的地方,大家多多海涵哈! 这次就不说技术,只来激励!下节开始正式学习! 这里给大家分享一句我喜欢的话:学会理性,在任何情况下做最佳的选择!

jsp——学习篇:HTML基础

对于学习jsp来开发专业的动态网站,那么我们就先掌握静态网站的制作技术!那么HTML就是我们所必须了解的知识!因为最终的网站还是需要去给用户呈现它是是为“网页创建和其它可在浏览器中看到的信息”设计的一种语言!最新版本应该是HTML5,应该还处于完善阶段!这些历史性的就不说啦,我们只需要知道HTML——超级文本标记语言(全称HyperText Markup Language)! 那么下面我们就介绍一下HTML页面基本结构,就是一些主要由<tag>语言[</tag>]标示及一些文本内容

jsp——学习篇:环境的搭建与配置(1)

开始环境搭配了,先说说对JSP的认识吧!JSP全名为Java Server Pages,中文名叫java服务器页面,是一种动态网页技术标准!就我而言,就是人们为了更方便管理网站后台,处理事情(业务逻辑)的技术标准! 现在开始搭配环境:我选择的是jdk1.7+Tomcat7+eclipse for EE+Mysql5.6.21!一般技术都是需要一个支持的计算机语言,和方便开发的集成开发环境简称IDE!这里也不例外,我们首先需要java的运行环境,那就是java虚拟机的建立:JDK与JRE的安装!安

jsp学习(Tomcat服务器+myeclipse)

阅读前提:了解Tomcat服务器和Servlet 在web开发中我们可以通过Servlet的Response对象对浏览器输出我们的网页内容 这样虽然可以进行网页输出,但是代码编写极其繁杂,冗余很多,所以jsp就出现了: 先描述一下现象,首先我们可以在myeclipse新建Manager的web project,在WebRoot下会有index.jsp文件: 1 <%@ page language="java" import="java.util.*" page

CSS学习------之简单图片切换

最近一直在重温纯CSS,学习的时候真的才发现,css真的博大精深啊! 所以趁着学习的劲头,谢了个最简单的CSS图片切换! 先整理下思路: 首先我希望图片居中间,两边有个切换按钮,点击按钮的时候,可以实现图片切换! 所以,我先弄一个div盒子,让他为顶级div所有的东西都放在他里面: 所有布局如下代码: <div id="allbg"> <div id="picbg"> <div id="pic1"> <i

JAVA学习篇--JSP实现原理

JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术. 起源: 在很多动态网页中,绝大部分内容都是固定不变的,只有局部内容需要动态产生和改变.如果使用Servlet程序来输出只有局部内容需要动态改变的网页,其中所有的静态内容也需要程序员用Java程序代码产生,整个Servlet程序的代码将非常臃肿,编写和维护都将非常困难. 解决方案: 为了弥补Servlet的缺陷,SUN公司在Servlet的基础上推出了JSP(Java