CSS应用给网页元素的几种方式总结

一、内联式样式表

  直接在HTML标签中使用style进行定义样式。如:<p style="color:red;">这里是红色文字</p>.

二、嵌入式样式表

  使用<style></style>标签嵌入到HTML文件中的<head></head>标签内。("<!-- -->"用来对样式进行注释)

三、外部链接式样式表

  将样式写在一个单独的.css文件中,然后再在HTML页面的<head></head>标签内使用<link>标记进行调用它,这样实现内容和样式相分离。如:<link href=”main.css” rel=”stylesheet” type=”text/css”/>;

四、导入式样式表

  导入式样式表与链接式样式表功能基本相同,只是语法和动作上略有不同,同样也将导入式样式代码写在<head></head>标签内。

  语法:<style type=”text/css”>@import url("main.css")</style>(不推荐使用).

posted @ 2016-03-10 17:25  阿豪聊干货  阅读(455)  评论(0编辑  收藏  举报