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>

  效果图为:

(*^__^*) 嘻嘻……3W,My life,My way,My style!!!
原文地址:https://www.cnblogs.com/lijiangjiang/p/4574195.html