1.行内样式style(内联样式)
一个样式只对一个标签生效
<p style="color:red; font-size:30px;">文字</p>
px像素
2.内部样式表
对一类标签(元素)进行css
写在<head>
中
<style>
p{ color:red;font-size:30;} //对所有的<p>标签操作
</style>
只能在一层网页中使用
一个编辑好的网页通常是好几层网页的叠加
3.外部样式表
可以将css样式编辑在一个外部css文件中
通过link标签引用css
在html中link引用
sheet 表格
href 路径
4.css语法
<style>
中不能写html中的语法;遵循css的语法
</style>
/*
css的注释
*/
语法分为两部分
选择器 :选中元素(标签)
声明块: 设置样式
四类简单选择器
元素选择器(选择全部) p{}
id选择器 (只选择一个) #id{}
类选择器 (选一组) .class{}
通配选择器 (选择全页面) *{}
<class>
类似于id独一无二不同的是可以标记多个
一个标签可以多个class
< p class=" cl1 cl2"> //俩个class
复合选择器
交集选择器 div.r{} //满足div元素;r类(可以同 .a.b)
并集选择器 h,p{} //两标签(元素)都选