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