chevron_left

CSS 入门

已发布
第 5 回

课程讲义

CSS 入门 - 宽、高与边框(width/height/border)

2023年11月13日
CSS 入门

宽、高与边框(width/height/border)

body中,先放一个的div

<html>
<head>
    <meta charset="utf-8">
    <!-- ... -->

    <style>

    </style>
</head>

<body>
<div>天下美食出中华,最爱武汉热干面。</div>
</body>
</html>

宽和高

使用标签选择器,把它给找出来,我们设置它的,都是400px

<style>
div {
    width: 400px;
    height: 400px;
}
</style>

刷新页面,发现什么完全看不见宽和高在哪里,千万不要着急,这并不是我们写错了。如果你和我一样,用的也是Chrome浏览器,那么点击鼠标右键,选择检查

在弹出的调试工具中,鼠标选中,并放在div标签上。就会看到这个400*400的框框了。调试工具的右侧会显示咱们设置的CSS。之所以看不见,是因为这个框也是白色的啊,和...

课程介绍

CSS(层叠样式表)是网页设计和开发中不可或缺的一部分,它赋予网页独特的外观和风格。本课程专为初学者设计,通过简洁而实用的教学内容,帮助您迅速入门 CSS 的基本概念和技能。

课程亮点:

  • 从零开始学 CSS:适合零基础的学员,课程将从 CSS 的基础概念开始,逐步引导学员建立对样式表的深入理解。
  • 实用案例演示:我们将通过实际案例演示,让您在学习过程中直接应用所学知识,加深对 CSS 各项属性的理解。
  • 与 HTML 结合使用:掌握如何将 CSS 与 HTML 结合使用,实现更加丰富和吸引人的网页设计。