学过编程的都知道,一门语言最初要学的就是语法基础,只要掌握了语法,就掌握了根基,再往下学就容易多了,包过去学习其它语言也一样,学会一门其它就好说了,至少不会这么难学,那么CSS的语法有哪些,这里我们把CSS分为基础语法和高级语法,CSS语法很简单,基本都是一个套路,只要记住一个,其它就简单了。
一 CSS基础语法部分
CSS的基本语法是:selector {declaration1; declaration2; ... declarationN },当然实际当中有些是单一属性的,CSS语法具体书写为selector {property: value},比如p{font-size:15px},这个括号里面整体是属于声明部分,而P代表选择器selector,font-size代表属性,15px代表值,这就是简单的CSS语法,是不是很简单,当然如果按照规范去书写的话,要求有严格一些了,比如p{font-size:15px;font-family:bold;},按照语法的执行来看,即使我在最后的font-family:bold不加逗号也一样正确,但是如果要规范化的话就不一样了,必须加入,并且排序也有问题,为了增强样式的可读性,其实我们可以把每一个属性占位一行。对于空格和大小写也应该注意,不要理所当然。

二 CSS高级语法部分讲解
CSS高级语法其实就是基础语法的综合运用,多个选择器一起使用同一个样式,比如一下代码控制:
<html>
<head>
</head>
<body>
<div>盒子</div>
<h1>字体大小</h1>
<p>段落</p>
</body>
</html>
如果我要使得div\h1\p中的字体为红色,怎么弄,这是就不能单独分开写了,因为这代码量会很大,运行效率会变得,要知道写代码就是为了提高效率的,我们可以这样写div,h1,p {
color: red;
}
这样就行了,这就是所谓的选择器分组,后面会着重将选择器,大概有8种之多,不过常用不会太多。同时要如果要打破继承的关系,那就单独拿出来写,最好加上!IMPORTANT就可以让优先级达到顶级了。
顶一下
(1)
踩一下
(0)