13518219792
1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法，首先新建一个html文件，放入3个button按钮，给前两个按钮分别设置class属性为btn1和btn2：
创新互联专注于义马企业网站建设,响应式网站,电子商务商城网站建设。义马网站建设公司,为义马等地区提供建站服务。全流程按需设计网站，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
2、接着准备一个css文件，命名为demo.css，在文件内写入按钮A的样式，保存css文件：
3、回到刚才的html文件，在style标签中用link标签引入上一步创建的css文件，这就是外联样式的用法，总结就是创建好的css文件内写好样式，然后在html文件中用link标签引入即可，这也是大部分网站使用的方法，因为其引入方便，管理起来也比较方便：
4、接着是内部样式表的使用，这里直接在head标签里创建style标签，在里面加入btn2的样式。对于内部样式表简单的html文件，内部样式是很方便的，但是结构复杂的html文件使用它就会让文件显得很混乱：
5、最后是内联样式的使用，直接在第三个标签内使用style属性加入样式就可以了：
6、最后保存html文件，打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法：
1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。
首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。
2.然后准备一个名为demo的CSS文件。在css文件中写入buttonA的样式，并保存css文件:
3,HTML文件,使用链接在你的样式标签标签的引入上一步创建CSS文件,这是外面的使用风格,是创建一个好的总结度在CSS文件编写风格,然后介绍使用链接的HTML文件标签,这也是大多数网站使用方法,因为它的介绍方便,更方便管理:
4.接下来是内部样式表的使用，其中样式选项卡直接在head选项卡中创建，并添加了btn2样式。对于内部样式表简单的HTML文件，内部样式很方便，但是复杂的HTML文件可能会让人混淆:
5.最后是使用内联样式，直接在第三个标签中使用样式属性来添加样式可以:
6.最后，保存HTML文件，打开浏览器并查看所有三个按钮的样式。这就是CSS样式表的制作方法:
到底是使用“_”还是“-”,这并没有严格规定，不过推荐使用“-”，
其实所有的css属性，伪类等等都是采取这样的命名方式，比如first-child, text-indent，text-align,text-decoration等等，
另外好处是有的，可惜目前体现不出来，就是用 “-” 连接可以完全兼容 |= 选择器。
元素 {样式}
元素可以由 标签、class、id、伪类 组成
div.yahoo2 span.disabled
它可能对应下面的xhtml
div class="yahoo2"span class="disabled"/span/div
class用. id用#
空格表示 div和span 是父子元素关系
个人使用的话，只要风格统一就可以了。
为什么都用中划线？因为CSS里属性名用的也是中划线，看起来风格比较统一
.this-is-a-class-name {
border-right: 1px solid green;
background-color: blue;
font-size: 2em;
}
看个人习惯了 自己取
常用的如：
布局 .header .main .footer
模块 .hd.bd .ft
其他 .txt .pic .desc
通用 .w1000(width:1000px) mt10(margin-top:10px) .red(color:#f00l)
