首页 > 代码库 > 学习第五天

学习第五天

2024-08-22 00:07:17   223人阅读

po上今天学习的东西，主要有css对字体和内容的调整。

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"" />
    <style type="text/css">
        p{color:red;direction: rtl;font-size:100px;font-style:italic;}/*设置文字大小，字体方向、颜色*/
        h2{color:yellow;text-decoration:line-through;}
        h6{color:#999999;text-align:center;}/*给h6标签上颜色*/
        div{margin:0;/*外边距 盒子和盒子的距离*/
        padding:0;/*内填充 盒子边框和文字的距离*/
        }
        .a1{color:green;font-size:200px;text-decoration:line-through;}/*设置文字中间划线*/
        .a2{color:gold; font-size:100px;}/*设置文字大小，颜色*/
        .a1:hover {color: #FF00FF} /*鼠标停留有粉色变色*/


        h2:first-letter
      {
      color:#ff0000;/*首字母是红色字体*/
      font-size:xx-large;
      }
 
      ol{
      border-style:solid;
      border-bottom:thick dotted #ff0000;
  }/*底部是红色点边框*/
    h2{border-style:solid;border-color:red green blue pink}/*四色边框*/
    h6{border-style:solid;border-top:thick dotted #ff00cc;text-align:centet;}/*顶部边框颜色*/
    ul{
        color:red;
        text-decoration:topline;
        list-style-type:none;
        list-style-image:url(li03.jpg);
        }
    </style>
    
    <script type="text/javascript"></script>
</head>
<body>
        <p>我的天</p>
        <h2>我会飞</h2>
        <h6>我会走路</h6>
        <div>
        我的孩子是个很帅很帅的孩子
        </div>
        <div class=a1> 
        我的爸爸是个很帅很帅的爸爸
        </div>
        <div class=a2></div>
        <ol type="A"   start="C">
            <li >我</li>
            <li>是</li>
            <li>你们的</li>
            <li>吴彦祖</li>
        </ol>
    <h6>请选择不是流星花园的男主角 <h6>
    <ul>
    <li>吴彦祖</li>
    <li>朱孝天</li>
    <li>周渝民</li>
    <li>言承旭</li>
    </ul>        
        
        
</body>
</html>

 

学习第五天


联系
我们