css的书写格式 :
标签名 {
css的属性名:属性值;
}
css的书写位置:
1、内嵌样式
书写位置:css写在style标签中,style标签写在head标签里面,title标签下面
作用范围:当前页面
使用场景:小案例、小demo中用的最多
2、行内样式
书写位置:css写在标签的style属性中
作用范围:当前标签
使用场景:基础班不推荐使用!!!之后js操作的样式一般都是行内样式
3、外联样式
书写位置:css写在一个单独的.css文件中,最后需要通过link标签引入css文件(link标签写在head标签里面,title标签下面):
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="05.css">
</head>
作用范围:多个页面(谁引入谁生效!!!)
使用场景:一般用在项目开发中!!!
css应该写在哪里?
书写的规范:css写在style标签中,style标签写在head标签里面,title标签下面
注意点:在css中,标点符号都是英文状态的!! /* css的注释 ctrl + / */
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
/*文字颜色:color*/
color: blue;
/*文字的大小:font-size*/
font-size: 60px;
/*背景颜色:background-color*/
background-color: pink;
/*宽度:width*/
width: 600px;
/*高度:height*/
height: 600px;
}
</style>
</head>
<body>
<p>我是一个p标签</p>
</body>