Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 1021作业
Blogger Information
Blog 19
fans 0
comment 1
visits 7435
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
1021作业
移动用户-4050479
Original
274 people have browsed it
  1. <!-- <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style type="text/css">
  9.         /*
  10.         *even =>2n
  11.         *odd => 2n+1
  13.         */
  14.         .ul li:nth-of-type(odd){
  15.             background-color: chocolate;
  16.         }
  18.         .ul li:nth-of-type(even):hover {
  19.             background-color: aquamarine;
  20.             cursor: pointer;
  21.         }
  22.         .lv li:nth-last-child(-n +3) {
  23.             background-color: rebeccapurple;
  24.         }
  25.         .lv li:nth-last-of-type(5){
  26.             background-color: blue;
  27.         }
  28.     </style>
  29. </head>
  30. <body>
  31.     <div class="ul">
  32.         <li class="li">bbc1</li>
  33.         <li class="li">bbc2</li>
  34.         <li class="li">bbc3</li>
  35.         <li class="li">bbc4</li>
  36.         <li class="li">bbc5</li>
  37.         <li class="li">bbc6</li>
  38.         <li class="li">bbc7</li>
  39.         <li class="li">bbc8</li>
  40.     </div>
  42.     <div>
  43.         <ul class="lv">
  44.             <li class="li">evn1</li>
  45.             <li class="li">evn2</li>
  46.             <li class="li">evn3</li>
  47.             <li class="li">evn4</li>
  48.             <li class="li">evn5</li>
  49.             <li class="li">evn6</li>
  50.             <li class="li">evn7</li>
  51.             <li class="li">evn8</li>
  52.         </ul>
  53.     </div>
  55. </body>
  56. </html> -->
  57. <!DOCTYPE html>
  58. <html lang="en">
  59. <head>
  60.     <meta charset="UTF-8">
  61.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  62.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  63.     <title>Document</title>
  64.     <style>
  65. :enabled 匹配可编辑的表单
  66. :disabled 匹配被禁用的表单
  67. :checked 匹配被选中的表单
  68. :focus 匹配获焦的表单
  69.         input[type="checkbox"] {
  70.            display: *none;
  71.         }
  72.         input[type="checkbox"] + ul {
  73.             display: none;
  74.         }
  75.         input[type="checkbox"]:checked + ul {
  76.             display: block;
  77.         }
  78.         input[type="text"]:disabled {
  79.             background-color: brown;
  80.         }
  81.         input:focus{ 
  82.             background-color: aqua;
  83.         }
  84.     </style>
  85. </head>
  86. <body>
  87.     <div>
  89.             <fieldset>
  90.                 <legend>用户注册</legend>
  91.                     <label for="vc">点我！！！！</label>
  92.                     <input type="checkbox" name="vc" id="vc">   
  93.                     <ul>
  94.                         <li class="mmo">mmo8</li>
  95.                         <li class="mmo">mmo9</li>
  96.                         <li class="mmo">mmo10</li>
  97.                         <li class="mmo">mmo11</li>
  98.                         <li class="mmo">mmo12</li>
  99.                         <li class="mmo">mmo13</li>
  100.                         <li class="mmo">mmo14</li>
  101.                         <li class="mmo">mmo15</li>
  102.                         <li class="mmo">mmo16</li>
  103.                     </ul><br>
  104.                     <input type="text" disabled>
  105.                     <br>
  106.                     <input type="text" >
  107.                     <br>
  108.                     <input type="checkbox" name="" id="">
  110.             </fieldset>
  112.     </div>
  113.     <p>padding 规则</p>
  114.          四值: 上, 右, 下, 左
  115.          padding: 5px 10px 15px 20px;
  116.          三值: 上, 左右, 下
  117.          padding: 5px 10px 15px;
  118.          双值: 上下, 左右
  119.          padding: 5px 10px;
  120.          单值: 上下左中全相等
  121.          padding: 10px;
  122.          三值,双值记忆方法: 只要出现在第二个参数位置上就代表"左右"
  123.          margin 和 padding 是一样的
  124.         <span style="color:red;"> border 是不存在以上的简化缩写</span>
  125. </body>
  126. </html>

Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：很好，总结的不错，继续加油
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post