上一章 HTML的基本认识

CSS 的基本认识

UX百科编辑部2024-01-05 发布
551人在学·0条笔记
收藏

上一部分的案例中,Hello World 是一段黑色的标题,但我想修改它的大小、色彩、粗细、位置怎么办?

这就需要更改它对应的属性了,在最初,这种更改只需要用 HTML 的功能就可以完成,但效率实在是太低了(后面也会说),于是,分离出了 CSS 作为专门控制样式的替代品。

对于 HTML 的每一个标签和元素,都包含一系列的属性和默认值,比如我们在 Sketch 中置入一个正方形,那么它肯定就会包含位置、长宽、色彩、描边、圆角等属性,我们可以通过在属性面板中对它们分别进行设置来实现样式的变更。

而 CSS 的实现原理,就是指定元素的属性并赋予对应值的过程。比如还是上面的案例,我想要将它的字色(font-color)改成红色,字号(font-size)改成50px,那么就可以添加这些内容:

  • font-color: red;
  • font-size: 50px;

学习 CSS,也就是学习在网页中,元素具体包含哪些属性,以及这些属性可以如何进行设置,将本来通过在软件中使用属性面板进行的操作对等到通过输入代码的方式完成。

551人在学·0条笔记
收藏
已学会
41人已学会
下一篇学习前的准备工作
了解了它们的基本概念,接下来,我们就要为具体的学习做准备工作了。对于 HTML CSS 来说,准备工作相当简单,核心只有两件事:浏览器、编辑器。 HTML 文档本身并没有什么特别的,只是一个 HTML 后缀的文本文件而已,需要用浏览器打开才能显示出具体内容。比如把标题文本渲染成 40px 大小、黑色...
本章笔记
仅看自己
logo