css样式简介_html/css_WEB-ITnose
程序员文章站
2022-03-19 08:58:57
...
当读到一个样式的时候,浏览器会根据它来格式化HTML文档
如何插入样式表:
我们应该知道什么是样式表,样式表有哪几类,我们用来格式化HTML文档的
CSS文件就是样式表,样式表可以分为三类:
外部样式表
内部样式表
内联样式表
那么这三类样式表分别是什么意思,我们通过几个例子来为大家解析一下:
首先是外部样式表:
当我们的样式想应用于很多的界面的时候,外部样式表是我们理想的选择,使用外部样式表我们可以通过改变一个文件来改变多个界面的外观,
怎样来使用外部的样式表:
我们在想要使用该外部的样式表的网页中使用标签连接到外部的样式表。
html文档:
css文件:
#para
{
font-size: 7;
color: red;
}
#b
{
background-color: green;
}
我们要知道是外部样式表是可以在任何的文本编辑器中进行编辑的,文件是不能包含任何
html表签,也就是不能用
如何插入样式表:
我们应该知道什么是样式表,样式表有哪几类,我们用来格式化HTML文档的
CSS文件就是样式表,样式表可以分为三类:
外部样式表
内部样式表
内联样式表
那么这三类样式表分别是什么意思,我们通过几个例子来为大家解析一下:
首先是外部样式表:
当我们的样式想应用于很多的界面的时候,外部样式表是我们理想的选择,使用外部样式表我们可以通过改变一个文件来改变多个界面的外观,
怎样来使用外部的样式表:
我们在想要使用该外部的样式表的网页中使用标签连接到外部的样式表。
html文档:
我是一个段落
css文件:
#para
{
font-size: 7;
color: red;
}
#b
{
background-color: green;
}
我们要知道是外部样式表是可以在任何的文本编辑器中进行编辑的,文件是不能包含任何
html表签,也就是不能用
, 我是段落
内部的样式表:
我们刚才看的哪一个是外部的样式表,在HTML文档的 外部进行的定义,可以想到内部的
样式表应该在HTML文档的内部进行定义,正如你想的那样,内部样式表在HTML文档中是
通过在之间通过一个
上一篇: Python之ConfigParser配置文件详解
下一篇: 在JS中如何实现两个变量值的交换方法
推荐阅读
-
如何让网页中图片等待5秒再显示_html/css_WEB-ITnose
-
跪求问题_html/css_WEB-ITnose
-
关于流动版面的问题_html/css_WEB-ITnose
-
CSS3中的background-size(对响应性图片等比例缩放)_html/css_WEB-ITnose
-
CSS让footer保持在页面底部_html/css_WEB-ITnose
-
Fab 和 Dialog 之间的过渡效果(Fab and Dialog Morphing Animation)_html/css_WEB-ITnose
-
div居中问题_html/css_WEB-ITnose
-
如何还原压缩的CSS/HTML/JS文件_html/css_WEB-ITnose
-
html资源地址 src="// 开头_html/css_WEB-ITnose
-
Canvas 绘图 不清楚_html/css_WEB-ITnose