介绍
& lt;/body>
& lt;/html> 这篇文章主要介绍了怎么引入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
<强>三、外部样式表强>
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 李>