[分享]css入门课后练习题

如果你刚学习完CSS入门课程，可以透过练习题来加深对知识的理解，同时巩固自己的HTML和CSS技能。下面列举出一些CSS入门阶段的练习题。/ 练习1:制作一个网页标题 / h1 { fontsize:...

如果你刚学习完CSS入门课程，可以透过练习题来加深对知识的理解，同时巩固自己的HTML和CSS技能。下面列举出一些CSS入门阶段的练习题。

/* 练习1:制作一个网页标题 */
h1 {
   font-size: 36px;
   color: #333;
   font-family: sans-serif;
   text-align: center;
}

/* 练习2:改变页面中所有段落的字体大小和颜色 */
p {
   font-size: 20px;
   color: #666;
}

/* 练习3:为所有图片增加边框，并让边框颜色与图片边框颜色相同 */
img {
   border: 1px solid #ccc;
}

/* 练习4:左侧菜单栏 */
ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

li {
   font-size: 18px;
   padding: 10px;
   background-color: #f6f6f6;
}

/* 练习5:响应式布局 */
@media only screen and (max-width: 768px) {
   #wrapper {
      width: 100%;
   }

   #sidebar, #main {
      width: 100%;
      float: none;
   }
} 

以上练习题虽然简单，但是涉及了CSS的各种属性和概念，包括字体、颜色、边框、布局等基础知识，通过实践这些练习题，你不仅能更好地掌握CSS的基础知识，还能在实践中领悟到CSS的精髓。