1 css和html的结合方式：
(1) 每个html的标签，都有属性style，可以通过
<div style=""></div>来实现
(2) 通过<style>标签
例如:
<style type="text/css">
div{
background-color:red;
}
</style>
(3)在<head></head>里创建link标签，新创建一个css文件，把css的路径导入link标签里
<link rel="stylesheet" type="text/css" href="css文件路径"/>
2 css优先级
由上到下，从外到内，优先级由低到高，后加载的优先级高
3 基本选择器
(1)标签选择器： 用标签名当选择器的名称
div{
color:blue;
}
(2) class选择器：每个html标签都有class属性 通过.+class名 调用属性
<div class="table"></div>
.table{
background-color:yellow;
}
(3) id选择器:每个html标签都有id属性 通过#+id名 调用属性
<div id="chair"></div>
#chair{
background-color:yellow;
}
以上选择器的优先级： id>class>标签
4 盒子模型: 在页面布局前，把数据分别封装到不同的区域，一般用<div>
(1)边框 : border : 2px solid blue 分别指:厚度2px，实线，蓝色
border-top border-botton border-left border-right
(2)内边距: padding: 30px;
(3)外边距: margin: 50px;
5 css的局部的漂浮： float
left:文本流向对象右边
right:文本流向对象左边
6 css的布局的定位 ：position
absolute: 将对象从文档流中拖出 可以用 top等属性进行定位
relative: 不会将对象从文档流中拖出
今日学习：html和css的结合
最新推荐文章于 2024-02-23 17:02:08 发布
6016
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
