龙空技术网

使用内部css样式

程序世界 422

前言:

当前我们对“创建css外部样式”大体比较关注,各位老铁们都想要了解一些“创建css外部样式”的相关资讯。那么小编在网摘上收集了一些有关“创建css外部样式””的相关文章,希望大家能喜欢,同学们一起来学习一下吧!

一般来说,不建议使用内部css样式,因为在HTML文档中嵌入css样式定义,有三大缺点

1、如果此css样式需要被其他HTML文档使用,那么这个css样式必须在其他HTML文档中重复定义。

2、如果把css样式放在HTML中,这将是HTML文件过大,大量下载,导致网络负载加重。

3、在需要修改整个网站风格时,必须依次打开每个页面重复修改。

说了这些并不是说内部css样式没有一点用,如果想对单个网页有效,不影响其他网页,这个时候就是要选择使用内部css样式定义。

在内部css样式中需要放在<style.../>元素中定义,css样式定义与外部css样式文件的内容完全相同。<style.../>元素应该放在<head.../>元素内。作为它的子元素。

内部css样式定义的语法格式如下:

<style type="text/css">

样式单文件定义

</style>

下面是使用内部css样式单的文档代码

在浏览器中浏览页面,将看到下面效果

标签: #创建css外部样式