HTML系列----CSS基础语法

CSS引入方式

1.内部样式表(内嵌式)
把定义的CSS属性放在html文档中的<style></style>标签中
2.行内样式表(行内式)权重高
直接在需要CSS属性的标签内部添加style=属性
例如:<p style="color: red; font-size: 25px;"></p>
3.外部样式表(链接式)
在html文件外部单独创建一个CSS文件，里面只有CSS样式属性，html中使用<link rel="stylesheet" helf="CSS路径/CSS的url地址">引入使用

CSS的三大特性
CSS的层叠性 主要解决样式冲突情况，遵循就近原则
CSS的继承性 子标签会继承父标签的某些样式(主要是text-、font-、line-开头的属性回继承给子标签，以及color属性)
CSS的优先级 相同的选择器根据层叠性执行。不同的选择器根据选择器的权重来执行。复合选择器会有权重叠加但是不会有进位的情况发生,例如.nav a{}权重一定大于 div a{}权重。选择器权重：!important >行内样式style="" >ID选择器>类选择器、伪类选择器>(标签)元素选择器>继承或者*(继承的权重是0)。

字体属性

font-family 定义字体
定义:
body {
   
font-family: "微软雅黑";
}

font-size 定义字体大小，标题文字大小需要手动指定，谷歌浏览器默认字体大小16px
定义:
body {
   
font-size: 20px;
}

font-weigth 定义字体的粗细，数字后面没有单位。默认为400
定义:
body {
   
font-weight: 500;
}

font-style 定义文字样式(列如：斜体)
定义:
body {
   
font-style: normal;
}

font 文字属性复合定义，有严格的顺序规定；定义时文字大小和字体属性必须有，其他可以省略。
顺序：font:font-style font-weight font-size/line-height font-family;
定义:
body {
   
font: normal 500 20px "微软雅黑";
}

文本属性

color 定义文本文字颜色
定义:
p {