css引入方式:
1.内联 在标签中用style属性去设置
格式是<标签名 style="样式1:值;样式2:值"></标签名>
2.内嵌 在head标签中加入
<style>
选择器{样式1:值;样式2:值}
</style>
选择器:1.id选择器
在标签中设置id属性(id=”id值“)
#id值
id在整个网页中只有一个,相当于身份证,是不能重复的
2.class选择器
在标签中设置class属性(class=“class值”)
.class值
class在网页中可以重复 代表一类
3.元素选择器
标签名{样式1:值;样式2:值}
三种方式:
1.并列关系
选择器1,选择器2{样式1:值;样式2:值}
2.兄弟关系
选择器1+选择器2{样式1:值;样式2:值}
3.父子关系
选择器1(空格)选择器2{样式1:值;样式2:值}
优先级:id选择器>class选择器>元素选择器
3.外部引入css文件 (以后都用外部引入方式)
新建一个css文件,然后把选择器写在css文件中,
/*id选择器*/
#username{color: red;text-decoration: underline}
/*class选择器*/
.sex{color: blue;}
/*元素选择器*/
td{color: aqua}
table{border:1px}
然后再HTML里面引入 :
<link href="xx.css">