CSS三种样式表 外部样式表 内部样式表 内联样式 CSS语法
优先级
外部样式>>>内部样式>>>行内样式
1、外部样式表
1.1、外部样式表的css文件
2、内部样式表
3、内联样式表
外部样式表
外部样式表的作用:设置一个外部样式表,在Html页面的head中添加,通过link标签标记,rel:指定其样式为stylesheet,type:指定其格式为text/css,herf:指定到欲应用的css样式文件。表此样式表应用于当前整个页面效果,
内部样式表
内部样式表的作用:设置一个内部样式表,在Html页面的head中添加,通过在head中添加style标签标记,type:指定其格式为text/css,此样式表只应用于当前文档,
内联样式
内联样式表的作用:设置一个内联样式表,在Html页面的body中添加,在添加元素的标签中声明样式,都包含在style属性中。在三个样式表中,内联样式表的优先级最高,若页面中同时存在三种样式表,内联样式会覆盖其他两种样式
CSS语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
selector {declaration1; declaration2; ... declarationN }
1
每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
selector {property: value}
1、外部样式表
<!DOCTYPE html>
<html>
<head>
<title>层叠样式表之外部样式表</title>
<link rel="stylesheet" type="text/css" herf="direction:\example.css">---通过herf连接到example.css文件
</head>
<body>
<h1>层叠样式表学习</h1>
</body>
</html>
选择器:
行内样式:写在标签内的样式
内部样式:写在style标签内
外部样式:单独写一个css文件优先级
外部样式>>>内部样式>>行内样式