1.CSS代码的引入:
1.1内部样式:
也就是说直接把CSS嵌入到HTML文件之中,放到<style>标签里面
例如:
目录
<style>
div{
font-size: large;
color: red;
}
</style>
1.2外部样式:
相当于把CSS写在一个单独的.css的文件里面,然后在html文件中通过<link>标签来引入
例如:
<link rel="stylesheet" href="style.css">
1.3内联样式:
直接把CSS属性写到元素里面
例如:
<div style="color:blue;font-size:300px;">hello</div>
2.常见的选择器:
什么是选择器?简答来说就是针对页面中的哪些元素来使用CSS来设计样式
2.1标签选择器:
使用标签名,选中页面中所有同名的标签元素
例如:
2.2类选择器:
类选择器也是最常用的,在CSS文件里面创建一个类名,这个类名就对应一组CSS属性
例如:
在html文件这样写
在css文件这样写
得到结果如下
2.3id选择器:
一个html标签的id属性在页面上是唯一的,就可以通过id选择器来把这个指定的元素给获取到
例如:
同上面的类选择器相似
得到下面结果
2.4复合选择器:
又称为后代选择器,是上面的三种选择器的结合,一般在页面特别复杂的情况下使用,可以非常针对性地修改某个元素且不必担心影响到其他部分的元素
例如:
得到下面结果