一、CSS与HTML的四种结合方式
1.每个HTML标签里面都有一个style属性
例：<div style = "background-color : red ； color : yellow">
2.使用style标签，写在head里
例：<head>
<style type = "text/css">
background-color : red ;
color : yellow ;
</style>
</head>
3.在style标签里面使用语句 (在某些浏览器内无效 所以一般不用这种方式)
@import url（css文件路径）
<style type = "text/css">
@import url (div.css)
</style>
4.使用头标签 link,引入外部CSS文件
<link rel = "stylesheet" type = "text/css" href = "div.css">
优先级：一般情况下，后加载的优先级高
二、CSS的三种基本选择器
1.标签选择器：使用标签名作为选择器名称
例：div {
background-color : red ;
color : yellow ;
}
2.class选择器：每个html标签都有一个class属性
<div class = "div1"></div>
.div {
background-color : red ;
color : yellow;
}
3.id选择器：每个html标签都有一个id属性
<div id = "div2" > </div>
#div2 {
background-color ：red ;
color : yellow ;
}
优先级：style > id选择器 > class选择器 > 标签选择器
三、组合选择器
1.关联选择器：
例：div p { } 表示在div标签里面的p标签的样式
2.组合选择器：
例：div,p { } 表示div和p标签的样式
四、盒子模型
1.边框 boder : 2px solid red;
上下左右：boder-top boder-bottom boder-left boder-right
2.内边距 padding:20px
上下左右
3.外边距 margin:20px
上下左右
五、布局的漂浮
float:
left：后面的div到右边
right:后面的div到左边
六、布局的定位
position:
1.absolute:绝对位置 会从文档中拖出
2.relative:相对位置 不会从文档中拖出
——2019.4.2
938
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
