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>
时间: 2024-10-07 21:49:36