关于CSS代码如何书写规范
OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
css的代码是否清晰明了是非常重要的，这一部分作主要介绍。通常一个页面我们只引用一个css，但是对于较大的项目，我们需要把css文件进行分类。
CSS3的基本语法CSS3的语法非常简单，如下：先写选择器，选择器就是选择页面上的某一个元素。然后在选择器的后面写一个空格，也可以不写空格，但是当你格式化网页代码的时候，选择器后面的空格就会自动被添加上。
添加必要的注释，对一个有责任心、有道德模范的前端必须具备的好习惯，可以大大提高代码的可维护性、可读性。
为什么有人写css可以把选择器嵌套在大括号里?是用了什么框架吗?如下...
选择器（Selector） 通常为文件中的元素（element），如html中的，等标签，多个选择器可以半角逗号（，）隔开。 属性（property） CSSCSSCSS3规定了许多的属性，目的在控制选择器的样式。
这是选择器的嵌套（中间用空格隔开），意思是定义包含在class为answerbox元素内的元素，且此元素的class为adlist，样式只对class为adlist（.adlist）起作用。形如： ………元素的内容，以上css只对我生效。
可以使用派生选择器给一个元素里的子元素定义样式，例如这样：li strong { font-style ： italic； font-weight ： normal；} 就是给li下面的子元素strong定义一个斜体不加粗的样式。
CSS中四个盒子层层嵌套的代码怎么写?
1、利用CSS3 新添加的盒子模型属性 box-flex；可以让子容器针对父容器的宽度按一定规则进行划分。ie 目前不支持，估计后续版本会兼容这个属性。必须在父元素上面加上display：box； 才可以对子元素进行规则划分。
2、CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
3、CSS样式的引用方式有三种：行间样式表、内部样式表、外部样式表。嵌套多个css样式需要使用外部样式表，所以这里就不详细介绍了。
CSS里的还能不能嵌套??在线等
嵌套多个css样式需要使用外部样式表，所以这里就不详细介绍了。外部样式表是CSS应用中最好的一中形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。
不过 和前面 两位说的 最好不要这样书写 a行内元素 而div是块状元素 一般的书写规则是 块里面可包含行内元素 如果你想给a里面的文字添加其它的css属性 可以给里面的文字 加上em、span、strong进行修饰。
在上图中可以看到包含元素div并，没用显示。原因就是包含元素没有适应子元素的高度，而是根据自身定义的属性以独立的形式显示（父元素没有被撑开，仅收缩成一条直线显示）。
纯css是没有这种写法的，只有使用less、sass、scss这类css预处理语言才会出现的选择器嵌套。而且css里也不会渲染这种嵌套的写法，只会渲染这种嵌套：.baz .test{height：50px；}。
我 用的方法是，你可以为DIV1设定一个填充，那么DIV2就定位了，然后再写DIV3的上边距，这样你想要多远就有多远了。不要写DIV2的下边距，因为上面的下边距和下面的上边距会合并，而不是相加。