html_css_CSS在网页中的应用方式

CSS在网页中的应用方式

  • 行内样式,应用于一个
  • 嵌入样式,应用于一类标签
  • 如果我们有很多的网页,都要用css,将这些css写到一个独立文件中,这个就是外链式,推荐使用。
  • 导入式样式,也式将样式写道一个文件中,在导入到文件中

说明:导入式,其实与内嵌式式相似的,都是将样式加入到网页里

  1. 导入式,会占用html文件空间
  2. 有些浏览器,解析会有问题,浏览器会最后读取@import中的内容.

在网页中加css的方式有四种:

  • 内嵌式样式表:直接写在现有的标记中
<p style=”color:red>这里的文字是红色的</p>
  • 嵌入式样式表:使用”<style></style>”标签嵌入到HTML文件的头部中<head>标记中
<style>
	Body{background-color:red};
</style>
  • 外部链接式“样式表”,将样式表写在一个独立的.css文件中,然后在页面head<head>标记内用<link>标签调用它,主要用于实现表现与结构分离
<link href=”madin.css”  rel=”stylesheet” type=”text/css”>
  • 导入式“样式表”:导入式样式表与链接式样式表的功能基本相同,只是语法和动作方式上略有不同,同样也将导入式代码写在<head>标记内
<style type=”text/css”>
	@import url(“basic.css”);
</style>

注意:类名和id名不能以数字开头

猜你喜欢

转载自blog.csdn.net/jss19940414/article/details/84947662