您好!欢迎来到静学网! 注册 登入
  • 致力中国及国外独立搜索引擎技术及第三方网站搜索引擎SEO排名研究

详解CSS 基础语法及高级语法的实际应用是怎么样的

课程目录 SEO资深顾问 次浏览
学过编程的都知道,一门语言最初要学的就是语法基础,只要掌握了语法,就掌握了根基,再往下学就容易多了,包过去学习其它语言也一样,学会一门其它就好说了,至少不会这么难学,那么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高级语法部分讲解
 
CSS高级语法其实就是基础语法的综合运用,多个选择器一起使用同一个样式,比如一下代码控制:
<html>
<head>
</head>
<body>
<div>盒子</div>
<h1>字体大小</h1>
<p>段落</p>
</body>
</html>
 
如果我要使得div\h1\p中的字体为红色,怎么弄,这是就不能单独分开写了,因为这代码量会很大,运行效率会变得,要知道写代码就是为了提高效率的,我们可以这样写div,h1,p {
  color: red;
  }
这样就行了,这就是所谓的选择器分组,后面会着重将选择器,大概有8种之多,不过常用不会太多。同时要如果要打破继承的关系,那就单独拿出来写,最好加上!IMPORTANT就可以让优先级达到顶级了。
 

静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明详解CSS 基础语法及高级语法的实际应用是怎么样的
顶一下
(1)
踩一下
(0)
友情链接:
网站优化
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com