行内样式<p style=‘color:red‘> hello </p> 不推荐大规模使用
内部标签<head>
<style>
p{background-color:red
}
</style>
</head>
外部样式 外部样式就是将css写在一个单独的文件中,然后再页面进行引入即可.推荐使用这种方法
<link href=‘css路径‘ rel=‘stylesheet‘ type=‘text/css‘> #这里面的css路径是和HTML文件一个路径 如果不是 href里面要写上这个css文件的路径
基本选择器 元素选择器(标签选择器, ) p{color:red;}
id选择器
#i1 { ??#号表示id属性，后面的i1表示id属性的值 ?background-color: red; ?#背景色，color:red是字体颜色，这个简单知道一下就行了，明天我们再学这些具体的css样式}# ?最好在css文件里面写类选择器
.c1 { ?.表示class属性，c1表示class的值 ?font-size: 14px;}
p.c1 { ?找到所有p标签里面含有class属性的值为c1的p标签，注意他俩之间没有空格昂
?color: red;
}注意：
样式类名不要用数字开头（有的浏览器不认）。
标签中的class属性如果有多个，要用空格分隔。
通用选择器
* { ?*表示所有的标签 ?color: white;}
组合选择器 ?
后代选择器/*li内部的a标签设置字体颜色*/li a { ?color: green;}儿子选择器（只找儿子）
/*选择所有父级是 <div> 元素的 <p> 元素*/div>p { ?font-family: "Arial Black", arial-black, cursive;}毗邻选择器
/*选择所有紧接着<div>元素之后的<p>元素*/div+p { ?margin: 5px;css ?选择器
原文地址：https://www.cnblogs.com/16795079a/p/10321528.html