怎么引入css文件

  介绍

这篇文章主要介绍了怎么引入css文件,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体,颜色,位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

引入css文件的方法:1、使用风格属性引入css样式;2、在风格标签中书写css代码;3、css代码保存在扩展名为【。css】的样式表中。

本教程操作环境:windows7多系统,css3版,戴尔G3电脑。

<强>引入css文件的方法:

<强>一、行内样式

使用风格属性引入css样式。

示例:

& lt; h2 风格=把丈?红色,“在风格属性的应用& lt;/h2>   & lt; p ,风格=白痔宕笮?14 px;颜色:绿色,“在直接在HTML标签中设置的样式& lt;/p>

实际在写页面时不提倡使用,在测试的时候可以使用。

例如:

& lt; ! DOCTYPE>   & lt; html>   & lt; head>   & lt;才能meta  charset=皍tf-8",/比;   & lt;才能title>行内样式& lt;/title>   & lt;/head>   & lt; body>   ,,,,& lt; !——使用行内样式引入CSS——比;   ,,,,& lt; h2 风格=把丈?红色,“祝辞Leaping  Above 从而Water   ,,,,& lt; p 风格=把丈?红色,字体大小:30 px;“在我是p标签& lt;/p>   & lt;/body>   & lt;/html>

<强>二,内部样式表

在风格标签中书写CSS代码.style标签写在头标签中。

示例:

& lt; head>   ,,& lt; style 类型=拔谋?css"比;   ,,,,,h4 {   ,,,,,,,,,,,颜色:红色;   ,,,,,,,,}   ,,& lt;/style>   & lt;/head>

例如:

& lt; ! DOCTYPE>   & lt; html>   & lt; head>   & lt;才能meta  charset=皍tf-8",/比;   & lt;才能title>内部样式表& lt;/title>   & lt;才能!——使用内部样式表引入CSS——比;   & lt;才能style 类型=拔谋?css"比;   ,,,div {   ,,,,,,,背景:,绿色;   ,,,}   & lt;才能/style>   & lt;/head>   & lt; body>   ,,,,& lt; div>我是DIV
  & lt;/body>   & lt;/html>

<强>三、外部样式表

CSS代码保存在扩展名为. CSS的样式表中

HTML文件引用扩展名为。css的样式表,有两种方式:链接式,导入式。

语法:

1,链接式

& lt; link 类型=拔谋?css", rel=皊tyleSheet",, href=https://www.yisu.com/zixun/癱ss文件路径"/>

2,导入式

& lt; style 类型=拔谋?css"比;   @import 才能;url (“css文件路径“);   & lt;/style>

例如:

& lt; ! DOCTYPE>   & lt; html>   & lt; head>   & lt;才能meta  charset=皍tf-8",/比;   & lt;才能title>外部样式表& lt;/title>   & lt;才能!——链接式:推荐使用——比;   & lt;才能link  rel=皊tylesheet",类型=拔谋?css", href=https://www.yisu.com/zixun/" css/style.css "/>      <风格type=" text/css ">   @ import url (“css/style.css”);>   
      <李> 1111   <李> 2222   
  

感谢你能够认真阅读完这篇文章,希望小编分享的“怎么引入css文件”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

怎么引入css文件