关闭→
当前位置:科普经验站>IT科技>css引入的方式有什么

css引入的方式有什么

科普经验站 人气:1.22W

系统版本:windows7

在网页中css主要负责html文档的样式显示,CSS引入的方式大致可以分为四种,分为是行内样式、内嵌样式、链接样式和导入样式。

1、行内样式

行内式也叫内联样式,是指标记的style属性中设定css样式。

<div style="background: red;">hello world!div> 

2、内嵌样式

style元素位于head标签内部,type属性指定css代码的文档类型。

<head>    <style type="text/css">      div{background: red;}    style> head> 

3、链接样式

它在网页的标签对中使用标记来引入外部样式表文件。

<link type="text/css" rel="stylesheet" href="CSS样式文件的地址"> 

4、导入样式

导入外部样式单主要通过@import方式导入css文件,有两种导入方式 。

(1)在style元素中导入CSS文件

<style type="text/css"> @import "CSS样式文件的绝对地址"; @import url("样式文件的绝对地址"); style> 

(2)在CSS文件中再导入CSS文件

/*某个CSS文件*/ @import "另一个CSS文件的地址"; .test{ width: 100px; height: 100px; line-height: 20px; background-color: red; } 
css引入的方式有什么
TAG标签:#引入 #css #