下面代码中：id_selector的意思是如果id等于id_selector时，这个标签的样式遵循 #id_selector后面的括号内的css样式，即“ID选择器”（本例为：边框为2像素的黑色实线）。
我们提供的服务有：成都网站制作、做网站、微信公众号开发、网站优化、网站认证、白水ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的白水网站制作公司
. 点 表示 一个class类， 类可以被多个标签调用 ，表示具有统一属性的样式联合写在一起 以达到节省代码的作用 表示ID， id是具有唯一性的，一个页面只能引用一次，而 . class可以多次重复使用。
外部样式 格式：举例：用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
1、body { opacity： 0；transition： opacity .5s ease-in-out；} body.loaded { opacity： 1；} 这段代码实现了整个页面在加载完成前不可见，然后在加载完成后渐进式地显示出来。
2、OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
3、这个代码主要包括以下几个方面：边框样式：可以通过CSS设置搜索框的边框宽度、颜色、样式等特征。例如，可以使用border属性设置搜索框的边框样式。
4、CSS语法：selector {property： value} 选择符 {属性：值} 选择符有多种：类型选择符、通配选择符、属性选择符等。
这2个属于id选择器 第一个：在html页面中存在一个id=“footer” 的 标签，css样式为：margin外边距设置的是居中，宽度960像素，内边距为15个像素，overflow超出宽度的内容，就将其隐藏。
html是一个CSS HACKER标签，是用于IE下的。html .menu{}是针对IE的，因为IE和FF对CSS的解释有时候是不同的，就专门写对应CSS。
MAX-WIDTH： 100% ！important； 最大宽度为100%；也就是说你的整个屏幕的大小或者是上一级区域的整个块儿的大小；！important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。
你那段代码是用来清除浮动的。以下代码可以这么解释：.clearfix：after { ---在类名为“clearfix”的元素内最后面加入内容；content： . ---内容为“.”就是一个英文的句号而已。也可以不写。
(document).ready(function(){$(.rankDiv .list2 li).each(function(index){ $(this).find(.num).html(index+1)；})；})；上面是示例代码，前提是要导入jQuery库。