我的CSS学习

CSS定义

用来描述 HTML 文档的呈现(美化内容)

书写位置

title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。

<title>css 初体验</title>
<style>
/* 选择器{}*/
css 属性 */
color: red;
</style>
<p>体验 csS</p>

书写规则 

选择器 {属性名: 属性值;}

CSS引入方式

内部样式表:学习使用

CSS 代码写在 style 标签里面

外部样式表:开发使用（常用）

CSS 代码写在单独的 CSS 文件中(.css)

在 HTML 使用 link 标签引入       link是单标签

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

行内样式:配合 JavaScript 使用

CSS 写在标签的 style 属性值里

<div style="color: red; font-size:20px;">这是 div 标签</div>

选择器

标签选择器

使用标签名作为选择器 →选中同名标签设置相同的样式（无法差异化）
例如:p,h1,div,a,img..

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

类选择器

作用:查找标签，差异化设置标签的显示效果，
步骤
定义类选择器 >.类名
使用类选择器 →标签添加 class="类名"

<style>
/*定义类选择器*/
.red {
color: red;
</style>
<!--使用类选择器 -->
<div class="red">这是 div 标签</div>

明天继续学