css
内部样式(放入第一个head里面)
< style>
h1{
color: red;
}
h2{
color: yellow;
}
h3{
color: antiquewhite;
}
< /style>
外部样式
新建一个css文件
方法一
< link rel=“stylesheet” type=“text/css” href="…/css/index.css" />
方法二
< style>
@import url(…/css/index.css);
< /style>
css行内样式
就是直接在行内给颜色等
优先级
!important>行内>内部>外部
相同的打下
css选择器
标签选择器
< style>
div{
color: yellow;
}
h1{
color: red;
}
< /style>
id选择器
< style>
#box1{
color: red;
}
#box2{
color: yellow;
}
< /style>
< /head>
< body>
< h1 id = “box1” > 123< /h1>
< h1 id = “box2” > 123< /h1>
类选择器
< style>
.ibm{
background: yellow;
}
.qianfeng{
color: red;
}
< /style>
< /head>
< body>
< div class=“ibm qianfeng”>521< /div>
< div class="ibm ">520< /div>