1、OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
成都创新互联公司主营宜川网站建设的网络公司,主营网站建设方案,app软件开发公司,宜川h5微信小程序开发搭建,宜川网站营销推广欢迎宜川等地区企业咨询
2、首先，在电脑中打开编辑器，创建html文档。然后，创建h1标签，用行内样式控制字体颜色为红色。接下来，用内部样式选择器选择h1标签，控制它的样式。外部样式需要，创建外部样式．css文件。
3、css的代码是否清晰明了是非常重要的，这一部分作主要介绍。通常一个页面我们只引用一个css，但是对于较大的项目，我们需要把css文件进行分类。
4、打开WebContent文件。导入自己的css文件。创建自己的jsp文件。添加引用css文件的代码。
1、行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。
2、外部样式表 还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。
3、创建CSS样式表有三种方式：元素内嵌样式；文档内嵌样式；外部引入样式。元素内嵌样式 p style=color：red；font-size：50px；这是一段文本/p 解释：即在当前元素使用style属性的声明方式。
BEM(块元素修饰符)BEM是一个名为命名约定的CSS。它不涉及如何编写CSS的结构。在进行电脑培训的过程中，电脑培训建议仅为每个元素添加具有以下内容的CSS类名称。
创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。
一种是把CSS文档放到head文档中：style type=“text/css” …… /style 其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。
打开WebContent文件。导入自己的css文件。创建自己的jsp文件。添加引用css文件的代码。
CSS语法：selector {property： value} 选择符 {属性：值} 选择符有多种：类型选择符、通配选择符、属性选择符等。
1、创建CSS样式表有三种方式：元素内嵌样式；文档内嵌样式；外部引入样式。元素内嵌样式 这是一段文本 解释：即在当前元素使用style属性的声明方式。
2、在图像页面中，我们可以看到样式中的样式列表以及显示的渲染图。选择样式中的所有CSS样式，然后复制或剪切。然后ctrl+N创建一个新的CSS样式文件，如图所示，然后创建。
3、新建样式表文件 你可以先建立外部样式表文件（.css），然后使用HTML的link对象。
4、嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。在Dreamweaver 8中，可以在开始弹出框中点击新建CSS文件。
5、CSS帮助您将文档信息的内容和如何展现它的细节相分离创建html文档 创建样式表 在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。