CSS 是啥？前端小白入门级理解

What is CSS?

• CSS stands for Cascading Style Sheets
• CSS describes how HTML elements are to be displayed on screen, paper, or in other media
• CSS saves a lot of work. It can control the layout of multiple web pages all at once
• External stylesheets are stored in CSS files

简单来讲 CSS 决定了你的数据该如何展示，你的 CSS 就是你的穿衣搭配。

如果个性对你来说很重要，那么你可以只穿自己设计衣服。

如果你暂时还不会设计衣服，那么你可以先去问一问身边的人他们是怎么搭配的。买来他们同款衣服(copy 他们的 CSS)，穿在自己(数据)身上。

或者你在他们风格的基础上做一些修改。甚至参考多个人的风格，把它们混在一起。

扯远了。。

那么怎样用 CSS 去定义你的数据的展示效果呢？

就像你如何把自己的搭配告诉别人一样。

你会先大致描述一下自己身体各个部位的基本调性，比如头部什么风格，脖子里怎样，上身如何如何，下身/鞋等等。。

这些大的部位就相当于 HTML 中的标签，head, div, p, 等等等等。定义格式大致如下：

p{

background: #012345;

margin: 2px;

}

对于细节处的定义，又可以分类，你这头是属于圆头还是扁头，你这个身体是属于胖的还是瘦的。这个可以归类的东西就可以这样：

.big-fat{

color: #012345;

}

还有一些地方实在特殊，无法被归类。那你可以给它指定唯一 ID，由此量身定制：

#special-id{

color: #543210;

}

其它规则，自行摸索理解吧。总之，CSS 如颜值，数据如灵魂/肉体。

https://www.ibm.com/developerworks/cn/web/wa-getstartedcss/index.html

https://www.w3schools.com/css/css_dimension.asp