Cascading Style Sheets 层叠样式表
**css调用 **
1.行内样式
<p style=”color:blue”>我是段落</p>
2.内部样式
在head里写style 标签
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
</head>
3.外部样式
新建一个新的文件 将文件后缀名改为 .css
链接引用 用link标签
<link rel="stylesheet" href=" "> href中填写 .css 文件路径
标签分类
块级标签:独占一行 可以设置宽高
行内标签:不独占一行 不可以设置宽高
行内块标签: 没有独占一行 可以设置宽高
标签种类转换
display : "inline" ; 转成行内元素
display : "block" ; 转成块级元素
display : "inline-block" ; 转成行内块元素
css注释
/* */ 快捷键 :ctrl + ?
**选择器**
标签选择器
h1 { color: red; }
类选择器
<style> .color { color: red; /*将p标签文字颜色改为红色*/ } </style>
<body> <p class="clolr"> 我是p标签 </p></body>