1.css初识
- 概念
css 全称为(Cascading Style Sheets),通常被称为css样式或层叠样式 - 作用:
1.主要用于设置HTML页面中的文本内容,图片外形及版面布局和外观显示样式
2.css以html为基础,提供了丰富的功能
2.引入css样式表
2.1行内式(内联样式)
- 概念
称行内样式、行间样式
是通过标签的style属性来设置元素的样式 - 语法:
<标签名 style="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容</标签名>
2.2内部样式表(内嵌样式表)
- 概念
是将css代码集中写在HTML文档的head头部标签中,并且用style标签定义 - 语法
<head>
<style type="text/css">
选择器(选择的属性){
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
}
<style>
</head>
2.3外部样式表(外链式)
- 概念:
将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中 - 语法
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
<head>