CSS 基本语法
1 CSS 的使用方法
第一种 行内式
css 写在标签内的 style 属性中
<p style="color:red;"</p>
第二种 内嵌式
css 写在 <style>
标签里
<style>
p {
color:red
}
</style>
第三种 外部式
css 写在独立的 css 文件中,再在 html 文件中把 css 文件导入
<link rel="stylesheet" type="text/css" href="./style.css">
2 CSS 基本语法格式
CSS 由两个部分组成:选择器 声明块。
选择器:选择器用来选中页面中的指定元素。
声明块:声明块用来为选中的元素设置样式。
声明块由一对大括号括起来,大括号里边是一个一个的声明。
声明是一个名值对结构,一个属性名对应一个属性值,属性名和属性值使用冒号连接;声明以分号结尾。
选择器 {
属性名:属性值;
属性名:属性值;
}
3 CSS 注释
/* 注释内容 */
4 CSS 基本长度单位
- em:倍数,默认字体大小的倍数。
- px:像素,屏幕上显示的最小单位,用于网页设计,直观方便。
- %:百分比。
- pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用。
- cm:厘米。
- mm:毫米。
5 CSS 基本颜色表示方式
颜色名表示颜色
red,green,blue...
RGB 方式表示颜色
数字(1-255) rgb(255,0,0) 百分比(1-100) rgb(100%,0,0)
十六进制数字方式表示颜色
#rrggbb #rgb 简写