CSS基础语法

css-demo

CSS的语法非常简单,只有三步分构成:选择器(Selector)、属性(property)和值(value)

下面是最简单CSS模板。注意,下面的:和;必须是英文半角字符

选择器 { 
    属性 : 值;
}

其中属性 : 值;又被称为声明

下面是最复杂的CSS模板。

选择器 { 
    属性1 : 值1;
    属性2 : 值2;
    /* 这里可以加很多的属性的 */
}

很复杂吗?只是选择器开头,后面接着大括弧包裹一条或者多条声明。是不是很简单。确实很简单,只是大家需要学会选择器声明,这俩同样简单,大家慢慢学来。先来解释一下选择器声明

  • 选择器
    选择器顾名思义,是一个用来选择的东东,是选择什么东西的呢?学过HTML童鞋都知道,HTML是由横七竖八的元素或标签搭建出来的“毛坯房”,CSS作为装修工人,选择器的作用就是选择某个或者某几个部件装修--HTML元素或标签。(不明白HTML元素、标签童鞋该复习额)

  • 声明
    声明包括两部分:属性,属性与之间使用:隔开,两个声明之间使用;
    选择器已经把需要装修的部件找到了,怎么装修呢?这个就是声明的作用了,属性是部件的某个特性,是要把这个特性改成什么样子。

OK,CSS语法讲解结束,下面来几个栗子大家尝尝。

未完待续

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • css小白一枚。对于css是真心不懂,所以这篇文章也是看着网上的资料,边理解边整理的,受益良多。 1 css样式控...
    薛妮阅读 3,882评论 0 1
  • CSS有两个主要的部分构成:选择器(elector),以及一条或多条声明(declaration) 声明:由一个属...
    一Left一阅读 1,651评论 0 0
  • 很奇妙,有些相遇总是冥冥中注定的,就像果实到了秋天就会成熟。 我不清楚这是一个怎样的大时代,总之这个人时代很复杂,...
    良地瓜阅读 910评论 0 0
  • 成绩,是孩子和家长角逐的战场,不知有多少人在这上面投放了巨额的精力。然而,现在悄悄衍生出一个成绩无用论学派,而且影...
    黑的白的黑阅读 6,073评论 5 6