css层叠样式表
标签也叫元素
标签分行标签(行元素)和块标签(块元素)和行内块
行元素:不独占一行,设置宽高无效,继承父级属性span,i,em,strong,b,s,u,a(带display: block)
块元素:独占一行,设置宽高有效,继承父级属性h1-h6,p,div,form,ul,ol
行内块(内联块级):不独占一行,设置宽高有效,继承父级属性input,img,table(带display: inline-block)
语义化标签:h1-h6,p,img,em,strong,a 非语义化:span,i,b,u,s
-->
<!--
css层叠样式表
1.css引入方式
-行内样式
在标签上直接写style=""<p style="color: red;"
-内嵌样式
在<head></head>标签中写<style type="text/css"></style>
-外链样式
<link rel="stylesheet" type="text/css" href="">
-引入样式
在head标签中写@import url("")
css引入方式优先级顺序行内>内嵌、外链>引入
内嵌外链那个在下面最终应用那个
2.css语法
选择器{
属性:属性值
属性1:属性值1;
属性2:属性值2;
}
选择器
1.标签选择器、元素选择其 标签{}
h1{} p{} span{} a{}(div最好不要用)
2.类名选择器
通过class=""起名通过.调用<p class="qvan"></p> .调用qvan
3.id选择器
通过id=""起名通过#调用
<p id="text"></p> #text{}
*选择器优先级 标签<类名<id
id起名,名称唯一
4.后代选择器
父级子级中间空格,后代隔辈
父级 子级{}
p span{} .qvan span{}
5.子代选择器
父级和子级通过>链接,逐级写,不能跳级父级>子级{}
p>span>b{}