CSS(Cascading style sheets):美化样式
css通常被称为css样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等),图片的外形(宽高,边框样式,边距等),以及版面的布局等外观样式
css的引入样式(书写位置)
内部样式表
内嵌式是将css代码集中写在html文档的head头部标签中,并用style标签定义,语法格式如下:
<html>
<head>
<style type="text/css">
选择器{
属性1:属性值1;属性2:属性值2;属性3:属性值4;
}
</style>
</head>
</html>
行内式(内联样式)
内联样式又称行内样式,行间样式,内嵌样式,是通过标签的style属性来设置元素的样式。其语法格式如下:
<标签名 style="属性1:属性值1;属性2:属性值2;">内容(文本或者图片等)</标签名>
语法中style是标签的属性,任何html标签都拥有style属性,行内样式只对其所在的标签及嵌套在其中的子标签起作用。
外部样式表(外链式)
链入式是将所有的样式放在一个或在和多个以css为扩展名的外部样式表文件中,通过Link标签江外部样式表文件链接到HTML文件中。
语法格式如下:
<head>
<link href="css文件的路径" type="text/css" rel="stylesheet" />
</head>
语法中Link标签必须写在head标签中,切必须指定标签的两个属性,如下:
href: 定义所连接外部样式表文件的URL,可以是相对路径,也可以是绝对路径
type: 定义所连接 文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为css样式表(该属性在html5中可以省略)
rel: 定义当前文档与被链接文档之间的关系,在这里需指定为"stylesheet",表示被链接的文档是是一个样式表文件