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>

 

　　效果图为：

posted @ 2015-06-13 22:00  ljj江江  阅读(423)  评论(0)  编辑  收藏  举报