今天来学习CSS语法规则,想要入门前端这一岗位,就必须得同时掌握有关于它的三门编程语言,分别是HTML、CSS以及javascript。这三门编程语言的语法各不相同,今天好程序员带大家来认识CSS语法规则。
想要学习一门编程语言,最好的参考资料就是图书。在这百度百科可以找到对CSS语法的介绍。语法由一个选择器起头,他选择了我们将要用来添加样式的HTML元素,以及下面一大堆官里官气的介绍。说句实话,小源第一次看也是一头雾水,别急,我们提炼出一段公式出来:h1{color:blue;font-size:12p}
在这个公式里可以看到有一个选择器,选择器就是htma标签元素,还有一条声明,声明是由属性和值构成。如果你觉得还是不能够理解,那我们再次简化一下它:
选择器{
样式;
样式;
}
它就是由一个选择器以及多个样式组成,如果还是不能够理解,没关系,好程序员再次简化:
给谁改样式{
改成什么样式;
改成什么样式;
}
这样子应该就能理解了吧?那我们对照着公式来读一段代码,在这个代码里,我们需要对P标签这个元素进行修改样式:
P{
color:red;
text-align:center;
}
锁定这个P标签之后,括号内部的就是要对它进行修改成什么样的样子,也就是里面怎么样去声明它。这里一共有两条声明,第一条color等于red,color是颜色的意思,Red是红色的意思。那么这一行它的意思就是字体是要红色,那接着看下一行,就代表着它的字体,P标签内的文本的水平对齐方式是居中对齐,这就是CSS的语法规则。
所以,你所看到很多炫酷的网站都是有很多CSS堆叠出来的,他们就像色彩油墨堆叠交织在白纸上,从而塑造炫酷多彩的画面。总之,CSS语法规则非常的重要,必须要掌握它,你只有掌握它,你才能够学习到具体的玩法,毕竟CSS是一门艺术类的编程语言。
优秀的你和大厂之间只差一个好程序员!