同名css样式的简单介绍

css样式内联式,外联式,嵌入式的格式是什么?

外联样式是、你在外面写了一个XXX.css的文件在html头部写上嵌入式样式就是所谓的行内样式，也就是说是在标签内写的。

清水河网站建设公司创新互联建站,清水河网站设计制作，有大型网站制作公司丰富经验。已为清水河1000+提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱，请找那个售后服务好的清水河做网站的公司定做！

嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。外部式css样式。外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名（也可以为调用其他网站CSS）。

内联式CSS样式：就是把CSS代码直接写在现有的HTML标签中。如果有多条CSS样式代码设置可以写在一起，中间用分号隔开。嵌入式CSS样式：就是可以把CSS样式代码写在标签之间。

CSS样式主要包含以下三种类型：行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

CSS样式表可以分为外部样式表、内部样式表、内联样式。

有三种方法可以在站点网页上使用CSS：外联式Linking（也叫外部样式）：将网页链接到外部样式表。嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

导入外部样式表：导入外部样式表时使用@import，如下： @import url(myStyle.css)；这种方法和第三种方法相似，但是在输入方法更有优势，实质上相当于存在内部样式表中。

内联样式表：内联样式表是写在标记内的，只对所在标记有效。内部及联样式表：利用标记将样式表嵌在HTML文件的头部。外部级联样式表：使用标记可以将样式表链接到网页上。

CSS的四种引入方式分别是：行内样式、内嵌样式、链接样式和导入样式。行内样式最直接最简单的一种，直接对HTML标签使用style=，例如：缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。

1、HTMLID和class优先级比较——文字颜色CSS#red{color：red；}.blue{color：blue；}效果如下：上图显示的字体是红色的，那是因为id的优先级比class的优先级高，所以最终显示的颜色是红色。

2、在HTML或CSS文件中，定义一个class并赋予其一个名称。在HTML中，将class应用于想要控制伪类的元素。使用class选择器与伪类选择器结合来控制指定class下的伪类样式。

3、测试代码如下图，我们用span标签来测试，首先可以很明显的看到id和class在css中的调用方式不一样，id是用“#”来调用的；而class是用“.”来调用的。运行之后，可以看到最终的结果是显示绿色字体。

4、class属性命名后，可以在css中设置标签的样式，而且class属性具有重复性和多样性。

5、class是类选择器，允许以一种独立于文档元素的方式来指定样式。在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。

当前标题：同名css样式的简单介绍
文章来源：http://shouzuofang.com/article/dgpoecs.html