一、CSS
二、CSS和html的结合方式
(1)、在每个html标签上都有一个style属性,把css和HTML结合在一起
(2)、使用HTML的<style>标签,写在head里面
格式:<style type=”text/css”>
</style>
(3)、在style标签里面 使用语句
格式:@import url(css文件的路径)
-第一步,创建一个css文件
-在HTML中
(4)、使用头标签link,引入外部css文件
****第三种方式,在某些浏览器版本中不起作用,一般使用第四种
三、CSS的优先级
css的基本选择器(3种)
**要对那个标签里面的数据进行操作
(1)标签选择器
---使用标签名称作为选择器
div{
background-color:gray;color:white;
}
----class选择器
*每个html标签都有一个class属性
-----id选择器
*没个html标签上都有一个属性 id
-<div id=” ”>
基本选择器的优先级:
style > id选择器>class选择器>标签选择器
四、CSS拓展选择器
(1)关联选择器
**<div><p>wwwwwwwwwwwwwww</p></div>
(2)组合选择器
(3)伪元素选择器
*css里面定义好的一些样式,可以直接用
*比如超链接
原始状态 鼠标放上去的状态(悬停状态) 点击状态 点击之后的状态
:link :hover :active :visited
五、css的盒子模型
6、csss布局的漂浮
7、css布局的定位