今日学习内容:
第一天 | 第二天 | 第三天 | 第四天 | 第五天 | |
所花时间(小时) | 4 | ||||
代码量(行) | 200 | ||||
博客量(篇) | 1 | ||||
了解到的知识点 |
CSS简介及实例练习 |
CSS 是一种描述 HTML 文档样式的语言。
CSS 描述应该如何显示 HTML 元素。
CSS 实例
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
什么是 CSS?
- CSS 指的是层叠样式表* (Cascading Style Sheets)
- CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
- CSS 节省了大量工作。它可以同时控制多张网页的布局
- 外部样式表存储在 CSS 文件中
*:也称级联样式表。
为何使用 CSS?
CSS 用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。
CSS 实例
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
CSS 解决了一个大问题
HTML 从未打算包含用于格式化网页的标签!
创建 HTML 的目的是描述网页的内容,例如:
<h1>这是一个标题。</h1> <p>这是一个段落。</p>
将 <font> 之类的标签和 color 属性添加到 HTML 3.2 规范后,Web 开发人员的噩梦开始了。大型网站的开发将字体和颜色信息添加到每个页面中,这演变为一个漫长而昂贵的过程。
为了解决这个问题,万维网联盟(W3C)创建了 CSS。
CSS 从 HTML 页面中删除了样式格式!
CSS 节省了大量工作!
样式定义通常保存在外部 .css 文件中。