(二)CSS基础语法

CSS语法规则由两个主要的部分构成:选择器,以及一条或者多条声明。

下面的示意图为您展示了CSS语法结构:

CSS 语法

例如:

h1{color:red;font-size:14px;}

值得不同写法和单位

其中很多属性值有不同的写法和单位,比如:
1.颜色:除了red英文单词,还有#ff0000十六进制的颜色值,和RGB(255,0,0)

   或者RGB(100%,0%,0%)这几种写法。

2.字体大小:有px,em等的单位。

这里不再一一举例,我会在以后的整理中,填充这一部分的知识。

记得写引号

值为若干个单词,则要给值加引号。例如:

p {font-family: "sans serif";}

多重声明
如果定义不止一个声明,要用分号将每个声明隔开。最后一个声明也最好加分号,这样可以避免增减声明发生的错误。另外,每行只写一个属性,增强可读性。例如:

p {
  text-align: center;
  color: black;
  font-family: arial;
}

空格和大小写
一般,是否包含空格不会影响CSS在浏览器的工作效果,同样CSS对大小写不敏感。

但是,请不要在属性值和单位之间留有空格,假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox                

         或 Netscape中却无法正常工作。

同样,如果涉及到与HTML文档一起工作的话,class与id名称对大小写是敏感的。

所以,保险起见,严格区分大小写,并且在属性值和单位之间不能留有空格。

 

转载于:https://www.cnblogs.com/jxlsomnus/p/4271764.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值