css样式起名,css命名法

CSS样式表怎么做

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样式表的制作方法：

相关问答

Q1: 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样式表的制作方法:

Q2: css 给标签命名的规则？

到底是使用“_”还是“-”,这并没有严格规定，不过推荐使用“-”，

其实所有的css属性，伪类等等都是采取这样的命名方式，比如first-child, text-indent，text-align,text-decoration等等，

另外好处是有的，可惜目前体现不出来，就是用 “-” 连接可以完全兼容 |= 选择器。

Q3: css取名问题

元素 {样式}

元素可以由 标签、class、id、伪类 组成

div.yahoo2 span.disabled

它可能对应下面的xhtml

div class="yahoo2"span class="disabled"/span/div

class用. id用#

空格表示 div和span 是父子元素关系

Q4: css里起名的时候为什么不用下横杠，非要用中横杠？

个人使用的话，只要风格统一就可以了。

为什么都用中划线？因为CSS里属性名用的也是中划线，看起来风格比较统一

.this-is-a-class-name {

    border-right: 1px solid green;

    background-color: blue;

    font-size: 2em;

}

Q5: 写css,自己怎么起名

看个人习惯了 自己取

常用的如：

布局 .header .main .footer

模块 .hd.bd .ft

其他 .txt .pic .desc

通用 .w1000(width:1000px) mt10(margin-top:10px) .red(color:#f00l)