css（1）

CSS(1)

行内样式

<div style="color:red;">内容</div>

行内样式

<div style="color:red;">内容</div>

内嵌样式

<style>
div{color:red;
}
</style>

内嵌样式

<style>
div{color:red;
}
</style>

链接样式

<link rel="style"  href="css文件“>

链接样式

<link rel="style"  href="css文件“>

导入式
@import url(“css文件”）；
或
@import“css文件”；

css选择器

标签选择器        权重：  1

标签名{样式属性名：属性值；}
类选择器 权重：10
.类名{样式属性名：属性值；}
id选择器 100
#id值{样式属性名：属性值；}
包含选择器 权重相加
选择器e 选择器f{样式属性名：属性值；}

css选择器
标签选择器 权重： 1
标签名{样式属性名：属性值；}
类选择器 权重：10
.类名{样式属性名：属性值；}
id选择器 100
#id值{样式属性名：属性值；}
包含选择器 权重相加
选择器e 选择器f{样式属性名：属性值；}

字体相关样式
font-size字体大小
font-family 字体系列
多个字体间用逗号隔开
英文名称中间有空格，用引号引起来
font-style字体风格
italic斜体
normal正常
oblique斜体
font-weight
normal正常
bold粗体
bolder加粗
100-900
lighter细体
line-height
单位px
若无单位，表示倍数