CSS 入门基础（1）

css就是给网页添加对应的样式，所有的标签都可以添加对应的css

语法：选择器{属性名:属性值;}

选择器：

1.标签选择器：你的标签叫什么就写什么

2.class类名选择器：.类名{color：red；}

3.id名选择器：#类名{color：red：}

id名相当于身份证号，一个页面中的id名不能重复

4.通配符选择器: *  所有的标签都能使用当前样式

优先级：

id选择器>类选择器>标签选择器>通配符选择器（*）

派生选择器:

空格 ：表示后代    div p{   }

>大于号：表示儿子   div>p{    }

+加号：表示相邻兄弟   div+p{   }

~波浪号：表示普通兄弟（找到下方所有) div~p{   }

分组选择器：p，h1{   }  所有在组内的标签均可被选择

CSS的引入方式：

1.内部样式

写在head中，使用style进行编写，可以复用

<style>  div{ }  </style>

2.行内样式

使用style属性添加，不能复用

<div class="one" style=" color:red;">  </div>

3.外部样式

使用link插入文件

<link rel="stylesheet" href="one.css"/>

CSS引入顺序有优先级，当样式重复，谁离得近就用谁的样式，样式不重复所有的样式都会运用到文本中。

行内样式> 内部样式>外部样式（就近原则）

文字样式：

设置斜体：font-style：normal（正常）/ italic(斜体);

字体：font-family：字体样式;

字体粗细：font-weight:400；400,500是正常粗细。大于500是粗体。小于400是细体。也可以使用bold / bolder

字体大小：font-size:30px;

字体行高:link-height:200px; 一般行高用于使文字垂直居中，前提是单行文本。

合并写法：

fpnt : italic  bold  30px / 200px  '宋体'；

引入外部字体：