1.内部样式表
<head>
<style type="text/CSS">
选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>
行内式
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
外部样式表
<head>
<link href="CSS文件的路径" rel="stylesheet" />
</head>
2.标签选择器
标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
类选择器
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
多类名选择器
<div class="pink fontWeight font20">亚瑟</div>
<div class="font20">刘备</div>
<div class="font14 pink">安其拉</div>
<div class="font14">貂蝉</div>
id选择器
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
通配符选择器
* {
margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/
}
3.css样式属性
font-size:字号大小
font-family:字体
font-weight:字体粗细
font-style:字体风格
font:综合设置字体样式
选择器{font: font-style font-weight font-size/line-height font-family;}
4.css外观属性
color:文本颜色
line-height:行间距
text-align:水平对齐方式
text-indent:首行缩进
text-decoration 文本的装饰