DAY–1
1.css的入门案例
(1).HTML的表格布局的缺陷：
①嵌套层级太多，一旦出现顺序错乱，整个页面达不到预期效果
②采用表格布局页面不够灵活，动其中一块，整个布局结构全部改变
(2).块标签 div标签：默认占有一行（自动换行）
span标签：内容占有同一行
(3).css的简单语法： 在一个style标签中，去编写css内容
<style>（写在head部分中）
选择器{（修饰的属性）属性名称：属性值；
}
(4).css的概述
css（cascading style sheets）层叠样式表
css主要作用是用来美化html页面
HTML决定网页的骨架
CSS对其化妆修饰
DAY–2
2.css选择器
(1).css选择器：帮助我们找到要修饰的标签和元素
①元素选择器
<head>
<meta charset="utf-8">
<title> <\title>
<style>
块标签{属性名称：属性值；
}
<\style>
<\head>
<body>
<块标签> <\块标签>
<\body>
②ID选择器(将某一代码改变颜色)
以#开头写上ID名称
<head>
<meta charset="utf-8">
<title> <\title>
<style>
#ID名称{属性名称：属性值；
}
<\style>
<\head>
<body>
<块标签 id=" "(注意：id在页面中是唯一的> <\块标签>
<\body>
③类选择器(可以区分某类东西)
以.开头
<head>
<meta charset="utf-8">
<title> <\title>
<style>
.某类的名称{属性名称：属性值；
}
<\style>
<\head>
<body>
<块标签 class="类型名称> <\块标签>
<\body>
DAY–3
3.css引入方式
①外部(通过link标签进入外部的css文件)
link标签：引入外部文件
<link rel="stylesheet" href="style css"/>
②内部(直接在style上编写css代码)
③行内(改变某一指定代码)在body中改变
例如<div class="名称" style="color:yellow;>
4.CSS的浮动
(浮动的元素会脱离正常文档流，在正常文档流中不占空间)
<div style="width":200px;height:200px;background–color:red;> <\div>
float属性
属性值left (左)
right(右)
在缩小网页时，块只会换行，不会缩小
页面比较小时，是一个新的布局，让用户看到更多的东西
clear属性:清除浮动
both:两边都不允许浮动
left:左边不允许浮动
right:右边不允许浮动
在空标签位置<div style="clear":both;> <div>
