那一年在北国遇到了你牛腩--CSS

         北国的第四年，在追寻在水一方，遇到了一个南方那一个头的老乡，那个语音语调好是熟悉好似亲切。

       百度百科，写下CSS：Cascading Style Sheets即层叠样式表，一般指级联样式表，是一种用来表现HTML或XML等文件的计算机语言。

        CSS一个主要的特点就是能做到网页样式与内容分离，是一种样式设计语言。一个或许不是很切当的例子来说，就相当于是人在进化过程中有了衣服，身体与服饰的分离，想怎么装扮就怎么装。下面我们看一个例子，设置样式为：

.menu {   /*栏目样式*/   color: #f00;     /*CSS的样式，注意表现方式；文字颜色*/   background-color :#FFE7F7;   /*背景颜色*/   border :1px solid #00f;   /*边框*/   padding :5px ;   /*内边距，顺时针*/   margin :5px;     /*外边距*/   width :150px;    /*栏目框的宽*/   height :60px;    /*栏目框的高*/   line-height :60px;  /*让文本垂直居中（行间距=高，居中对齐）*/   float :right ;           /*盒子向左浮动（浮动，块级元素下想让内容显示在同一行）*/}

效果如图：

    对于CSS，先阶段只是有了初步的了解。熟悉一门语言，我们首先需要知道它的主要内容、优先级、一些简单的语法知识等。

 CSS核心内容：标准流（即排列方式，排在前面的显示出来就是排在前面）、盒子模型、浮动、定位。

          CSS选择器优先级：ID 选择器>类选择器>HTML标签选择器。比如：ID与类选择器同时设置字体颜色，起冲突时选择ID选择器的样式。

         正如穿衣服一样有一些简单的规则，CSS也有一些简单的语法：

         CSS中的类只是一个标记/标签的作用，用于找到相应的“内容”，class可以设置多个标签，之间用英文下的空格隔开，如下所示：

#loginfrm #login p {        padding-bottom: 10px;}

共同样式可以并列写，两个标签之间用英文下","如下所示：

#top, #search, #main, #footer {     /*公共样式*/       margin: 10px auto 10px auto ;   /*居中*/        width :760px;    /*所有页面都是760宽*/}      

  

    所谓伊人，在水一方，牛腩新闻发布系统中轻轻地触摸了你，只在衣角的边缘，今后将追随。