怎么使用内嵌式引入css样式表

小编给大家分享一下怎么使用内嵌式引入css样式表,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

引入方法:将css代码集中写在HTML文档的“& lt; head>”头部标签中,并且用“& lt; style>”标签定义;语法格式为“& lt; head> & lt;风格类型=拔谋?css"在选择器{属性:属性值;}& lt;/style> & lt;/head>”。

css用于修饰网页样式,但是,如果希望css修饰的样式起作用,就必须在HTML档中引入css样式表。引入样式表的常用方式有三种,即行内式,内嵌式,外链式。下面本篇文章给大家具体介绍一下内嵌式。

<强> css内嵌式

内嵌式是将css代码集中写在HTML文档的& lt; head>头部标记中,并且用& lt; style>标记定义,其基本语法格式如下:

& lt; head> 　　& lt; style 类型=拔谋?css"比; 　　,,选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 　　& lt;/style> 　　& lt;/head>

该语法中,& lt; style>标记一般位于& lt; head>标记中的& lt; title>标记之后,也可以把它放在HTML文档的任何地方。但是由于浏览器是从上到下解析代码的,把CSS代码放在头部便于提前被下载和解析,以避免网页内容下载后没有样式修饰带来的尴尬。(学习视频分享:CSS视频教程)

同时必须设置类型的属性值为“文本/CSS”,这样浏览器才知道& lt; style>标记包含的是CSS代码,因为& lt; style>标记还可以包含其他代码,如JavaScript代码。

& lt; head> 　　& lt; title>内嵌式引入CSS样式表& lt;/title> 　　& lt; style 类型=拔谋?css"比; 　　,h3 {text-align:中心;} 　　,p{字体大小:16 px;颜色:红色,文字修饰:下划线;} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; h3>内嵌式CSS样式& lt;/h3> 　　& lt; p>使用风格标记可定义内嵌式CSS样式表,风格标记一般位于头部头部标记中,标题标记之后。;/p> 　　& lt;/body>

内嵌式CSS样式只对其所在HTML页的面有效,因此,仅设计一个页面时,使用内嵌式是个不错的选择。但如果在一个网站,不建议使用这中方式,因为它不能充分发挥CSS代码的重用优势。

看完了这篇文章,相信你对“怎么使用内嵌式引入CSS样式表”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

怎么使用内嵌式引入css样式表