zoukankan      html  css  js  c++  java
  • Html11.09CSS层叠样式表内容整理

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    
    <style type="text/css">
    .myclass {
        font-size: 24px;
        color: #F00;
        text-decoration: none;
    }
    a {
        color: blue;
        font-family: "Microsoft YaHei UI";
        font-size: 36px;
        font-weight: bold;
        text-decoration: none;
    }
    #myID {
        font-size: 10px;
        color: #909;
        background-color: #0F3;
    }
    h1 {color:green; text-align:center; font-family:'MS Serif', 'New York', serif}
    .divclass {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #339;
        text-decoration: none;
        font-style: italic;
        background-color: #666;
        line-height: 30px;
        font-weight: bolder;
        text-transform: capitalize;
        font-variant: small-caps;
        background-attachment: scroll;
        text-align: center;
        vertical-align: top;
        height: 100px;
        width: 400px;
    }
    body{
        ;
        background-attachment: fixed;
    }
    </style>
    <link href="mycss.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    <p class="myclass">
    我在制作网页
    </p>
    
    <a href="#" target="_blank" class="myclass">这是什么东西</a>
    <br>
    <a href="#">又是一个链接?</a>
    
    <p id="myID">文字0.0</p>
    
    <p class="myclass1">乱套了</p>
    
    <h1 style="font-size:20px;">伊利&桥立 </h1>
    <h1>圣.路易斯和天龙</h1>
    
    <div class="divclass">
    div+CSS演示
    </div>
    
    </body>
    </html>
  • 相关阅读:
    取一定范围的随机数
    小菜学Chromium之OpenGL学习之二
    程序员健康之路
    解密硬件解码关键技术
    Android 图片开发内幕系列第一篇
    你所不知道的html5与html中的那些事第三篇
    如何加密android apk
    linux设备驱动第五篇:驱动中的并发与竟态
    快速调试chromium
    小菜鸟带着梦想学chromium
  • 原文地址:https://www.cnblogs.com/shadowduke/p/4951721.html
Copyright © 2011-2022 走看看