码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-06-13 23:00:21      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:

  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>

 

  效果图为:

技术分享

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

标签:

原文地址:http://www.cnblogs.com/lijiangjiang/p/4574195.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!