如果说HTML是整个网页的骨架，那么CSS就是网页的外观。CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
CSS的书写位置有三种，分别是内部样式表，行内式，外部样式表。
内部样式表是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下:
<head><style type="text/CSS">选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3}</style></head>语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。type="text/CSS”在html5中可以省略，写上也比较符合规范，所以这个地方可以写也可以省略。
内联样式，又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下：
<标签名style="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容</标签名>语法中style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标签及嵌套在其中的子标签起作用。
链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中,其基本语法格式如下：<head><link href="CSS文件的路径”rel="stylesheet"/></head>该语法中，link标签需要放在的三个属性head头部标签中，并且必须指定link标签，具体如下:href:定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。type:定义所链接文档的类型，在这里需要指定为“text/CSS”，表示链接的外部文件为CSS样式表。rel:定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
第一、手写css代码的过程中，常常做无用功。有的时候到经典论坛去看到cssplay去看，发现自己的代码写得非常的繁复。没有高手写得简单有条理经常是，我想到什么随手就写上，而且从来没有考虑过属性的顺序问题。比如说margin写好了之后，突然想起来，然后下面再写上一行margin-top这无疑是对资源的极大浪费。更深入的就是还要考虑margin是写到a里,还是写到lijul里。在这种问题的思考上，非常欠缺，需要不断的学习成熟的代码，提高自己的思维水平。
第二、基础不牢。css2手册走马观花地看过，如果见到一个属性，我可能会非常眼熟，但使用的时候，自己想不起来。对于属性以外的一些语法，例如选择符、伪类、伪对象等掌握不够。
第三、对于颜色的把握。这个算超出css的范围了，但是却是每个网页设计着不可避免的问题。如何搭配页面的色彩?很喜欢ipod的宣传画，很简单的几种颜色，配上一些张狂忘我的沉浸在ipod音乐中的剪影，常常给人强烈的视觉冲击。而且很多国外的网页，颜色用的都特别的鲜明。即使有些网页颜色比较多的，但给人的感觉总体上也很到位。在对于颜色的感知上，我还有很多的路要走。
关于CSS的知识还有很多，这里只是简单记录下CSS的书写格式。CSS的用途非常广泛，我在一些短视频平台上，看到过很多需要JS完成的东西通过CSS其实也能够实现，只是可能步骤更加繁琐一些，而且需要自己充分的想象力。总之，CSS的学习是一个任重而道远的过程，中途不能松懈。
