zoukankan      html  css  js  c++  java
  • 类选择器

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>类选择器</title>
        <!--<link type="text/css" href="StyleSheet1.css"/>-->
        <style type="text/css">
            .center {
                text-align: center;
                text-transform: uppercase;
                white-space: normal;
            }
    
            .image {
                background-image: url("images/w3school.gif");
                padding: 20px;
                background-repeat: repeat-y;
            }
    
            .spread {
                word-spacing: 30px;
            }
    
            .tight {
                word-spacing: -0.5em;
            }
    
    
            h4 {
                letter-spacing: 20px;
                text-decoration: underline;
        </style>
    </head>
    <body class="image">
        <h1 class="center">
            This heading will be                                           center-aligned
        </h1>
    
    
        <h4>This is header 4</h4>
    
    
        <a href="HTMLPage3.htm">链接</a>
        <p class="center">
            This paragraph will be center-aligned
        </p>
    
    
        <p class="spread">
            This is a paragraph. The spaces between words will be decreased.
        </p>
    
    
        <p class="tight">
            This is a paragraph. The spaces between words will be increased.
        </p>
    
    
    </body>
    </html>

  • 相关阅读:
    Linux RAID部署
    系统运维架构师体系
    Linux系统上文件的特殊权限及文件acl
    Linux磁盘使用及文件系统管理
    中小规模网站架构组成
    优化配置模板主机
    网络原理基础
    MySQL二进制安装
    网络通讯基础
    点击改变背景
  • 原文地址:https://www.cnblogs.com/chrisghb8812/p/5623736.html
Copyright © 2011-2022 走看看