zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    「NOI2017」蔬菜 解题报告
    线性代数
    idea创建maven的web工程
    logback和slf4j的使用之logger使用
    英雄之言 罗隐
    论英雄
    英雄--偶得佳文不知出处
    日志
    延迟加载线程安全的单例--最佳方式,通过内部类
    linux下安装jdk8
  • 原文地址:https://www.cnblogs.com/hangj/p/11443083.html
Copyright © 2011-2022 走看看