高防服务器

css实例代码分析


css实例代码分析

发布时间:2022-03-09 17:14:53 来源:高防服务器网 阅读:50 作者:iii 栏目:web开发

今天小编给大家分享一下css实例代码分析的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

  <!DOCTYPEhtml>

  <htmllang="en">

  <head>

  <metacharset="UTF-8">

  <title>css讲解</title>

  <linkrel="stylesheet"href="style.css">

  <style>

  /*body{

  color:#000;

  background:#fff;

  margin:0;

  padding:0;

  font-family:Georgia,Palatino,serif;

  }*/

  div{

  width:200px;

  height:200px;

  background:blue;

  /*border:15pxsolidred;*/

  }

  #dd{

  width:300px;

  height:300px;

  background:red;

  }

  .xdd{

  color:yellow;

  }

  a{

  color:#000;

  font-size:30px;

  }

  a:hover{

  color:green;

  }

  .abc{

  color:blue;

  }

  ulli:first-child{

  color:orange;

  background:blue;

  }

  ulli:last-child{

  color:blue;

  background:orange;

  }

  ulli:nth-child(3){

  color:green;

  }

  ulli:only-child{

  color:red;

  }

  </style>

  </head>

  <body>

  <divstyle="border:20pxsolid#000;">

  <h3style="color:red;">css讲解</h3>

  </div>

  <formaction=""></form>

  <divid="dd"class="xdd">

  我的div标签

  <pid="mm"class="xdd">我是p标签</p>

  <aid="gg"href="http://www.baidu.com">baidu</a>

  <h2></h2>

  <span></span>

  </div>

  <div>

  <ahref="#">这是一个超链接</a>

  <p>今天气不错,大家有没有出游的计划</p>

  </div>

  <ul>

  <!–<h3>我的老大</h3>

  <h3>我的男孩子</h3>–>

  <liclass="abc">11111</li>

  <li>222222</li>

  <li>33333333</li>

  <li>4444444444</li>

  <li>555555555</li>

  <li>6666666</li>

  <li>7777777777</li>

  <li>8888888888</li>

  <li>9999999</li>

  <li>1000000000000</li>

  <ul>

  <<!–h2>我的哥哥</h2>–>

  <li>我的独生子女</li>

  <li>我不是生子女</li>

  </ul>

  <ul>

  <li>我的真正的独生子女</li>

  </ul>

  </body>

  </html>

以上就是“css实例代码分析”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注高防服务器网行业资讯频道。

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[