1、首先，打开html编辑器，新建html文件，例如：index.html。 在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。 浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
创新互联专业为企业提供蠡县网站建设、蠡县做网站、蠡县网站设计、蠡县网站制作等企业网站建设、网页设计与制作、蠡县企业网站模板建站服务，十余年蠡县做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2、id 选择器以 # 来定义。
3、Duplicate：(复制)将当前选中的自定义CSS样式类复制。Delete：(删除)删除当前选中的自定义CSS样式，和按钮的效果相同。Apply：(应用)是指将选中的CSS类应用在页面中当前元素。同Apply按钮。New style：(新建样式)等同于 按钮。
4、CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。
5、当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 HEAD 标记符内。嵌入的样式表中的样式只能在同一网页上使用。
6、打开WebContent文件。导入自己的css文件。创建自己的jsp文件。添加引用css文件的代码。
CSS即层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。
CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。对CSS三种样式定义及其实例：内联式css样式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：这里文字是红色。
css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
导入外部样式表：导入外部样式表时使用@import，如下： @import url(myStyle.css)； 这种方法和第三种方法相似，但是在输入方法更有优势，实质上相当于存在内部样式表中。
CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。
内联样式表：内联样式表是写在标记内的，只对所在标记有效。内部及联样式表：利用标记将样式表嵌在HTML文件的头部。外部级联样式表：使用标记可以将样式表链接到网页上。
CSS三种引入方式： 通过外部样式表（external style sheets）引入； 通过内部样式表（internal style sheets）引入； 通过内联样式（inline styles）引入。
导入样式@import url=(css路径名)；这种方法一般不用，可以直接忽略。一般都是采用链接样式，行内样式和内嵌样式 维护起来相对麻烦，优先级(从高到底)行内样式内嵌样式链接样式导入样式。