样式表:CSS 一般称是层叠式样式表
平常看到的 <div class=""></div> 或者<div style=""></div>
那是 样式表的位置位置不一样 我们一看到style 就知道是一个样式表。
样式表的位置:
内联 写在标签里面,例如< div style="元素属性"></div>
内嵌 写在head里面
外部 另外单独新建一个css文件,后缀名.css
作用:决定了页面有哪些样式,例如内容字体的大小 颜色 位置 等等一些样式,决定了页面什么样子,排列的什么样。
所以html决定的内容,css决定样子,javascript决定细节。
内联:{
写在标签里面
style="样式属性"
控制精确,但是重用性差
优先级最高
}
内嵌:{
嵌在页面head里面
<style type="text/css">
.div{样式属性}
</style>
控制没有内联精确,代码重用性好
优先级第二高
}
外部:{
单独创建新文件css文件,后缀名.css
引入HTML文件代码是:<link href="文件名.css" rel="stylesheet"/>
(或者把文件拖进HTML文件代码head里面)
控制没有内嵌精确,代码重用性最好
优先级最低
}
.css文件 注释是 /* 内容*/