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

猜你喜欢

转载自www.cnblogs.com/hangj/p/11443083.html
今日推荐