码迷,mamicode.com
首页 > 其他好文 > 详细

学习第五天

时间:2016-11-19 20:12:39      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:padding   调整   image   字母   关键字   title   yellow   红色   char   

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="" />
    <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>

 

学习第五天

标签:padding   调整   image   字母   关键字   title   yellow   红色   char   

原文地址:http://www.cnblogs.com/bennykiss/p/6081200.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!