1.属性:表示事物的一些特征。
属性:标签属性和样式属性
标签属性:<img src="" width=""height="">
样式属性:<style> 两者的区别:位置不同、写法不同。
P{
color:red;
}
2.选择器
标签选择器:用style表现标签的特征;如:<p>在style中以P{}的形式来突出<p>的特性。
id选择器:和标签选择器差不多,只不过在使用前style中要加#+编辑的名字 编辑的名字要写英文字母以下雷同
class选择器:和以上选择器差不多,不过在使用前要加.+编辑的名字
样式的高低由选择器的权重决定,如标签的权重为1 ID的权重为100 class的权重为10 style的权重为1000 且权重可以叠加
子代选择器:如同爸爸与儿子之间的一代关系,<p class=”a"> 可以用.a>a{
<a href="“></a> color:red;
</p> } 来表示
后代选择器:如同爸爸是爷爷的后代,儿子也是爷爷的后代。<p> 可以用p a{
<a href=""> color:blue;
</p> }来表示
交集选择器:如同一个人有自己本身的名字和别人给他起的外号;<p class="aa" id="bb"> 可以用#aa.bb{
aggauhuh color:red;
</p> }来表示
3.css
css:层叠样式表,给HTML添加样式
<style type="text/css">
</style>
html的type是text/css
stml的样式
(1)行间样式将html当做属性写在标签内。
<p style="color:red">爱国福</p>
(2)行内样式 把style当做标签来用 写在head之间
<style type="text/css>
p{
color:red;
}
</style>
(3)把style当做CSS文件来用。外部引用
<link type="text/css" rel="stylesheet" href="./0.1.css">
css:p{
color:red;
}
href与rel必不可少
备注:双标签必须写结束标签 P可以忽略写结束标签