CSS基础
CSS选择器(selector),以及一条或多条声明(declaration)
selector {
declaration1;
declaration2;
... declarationN
}
每个声明用分号隔开,最后一个声明不用
而每一个声明由一个属性名和一个值组成。属性名和值被冒号分开
selector {property: value}
一般来说,我们让选择器单独占一行,在{}内一行只写一个声明,冒号前紧跟属性名,冒号后面空一格写属性值
h1 {
font-size: 12px;
color: #ffffff;
font-family: sans-serif;
}
CSS引入方法
CSS的作用:为HTML提供显示效果
在HTML中引入CSS的方式有三种:
- 内联属性(inline style attribute)
- 写在style标签里
- 用link标签引用外部文件
下面是对这三种方式的具体介绍。
内联属性
- 使用方法:直接修改想要改变样式的HTML元素的style属性,将css代码直接写在style属性里。例如:
<h1 style="font-size: 12px;">我的字号被修改了</h1>
写在style标签里
-使用方法:直接写在style标签里,一般要求写在head标签里。例如:
<head>
<style>
h1 {
font-size: 12px;
}
</style>
</head>
用link标签引入外部文件
- 使用方法:使用link标签引入外部css文件,一般也写在head标签里。例如:
<head>
<link rel='stylesheet' href='style.css' />
</head>
代码点这里