zoukankan      html  css  js  c++  java
  • 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!!!
  • 相关阅读:
    MySQL 误操作后数据恢复(update,delete忘加where条件)
    数据预处理流程
    pandas读取大量数据的分块处理
    go语言 nil一些注意的地方
    C语言编程优化运行速度
    go语言常用内置函数
    RSA加密算法
    一致性哈希算法原理
    数据服务的分布式模型
    leetcode链表题
  • 原文地址:https://www.cnblogs.com/lijiangjiang/p/4574195.html
Copyright © 2011-2022 走看看