WEB学习——CSS

1.CSS的作用
　　HTML：它是整个网站的骨架。
　　CSS：它是对整个网站骨架的内容进行美化(修饰)
2.如何使用？
　　语法和规范
　　　选择器{
　　　　属性名 1:属性值 1;　(此处分号不能省略)
　　　　属性名 2:属性值 2;
　　　　属性名 3:属性值 3;　(此处分号可以省略，建议写上)
　　　}

3.SS 的引入方式（三种）
　　1）行内引入

<div style="color:red;font-size: 100px;">
    hello world
</div>

　　2）内部引入

<style type="text/css">
    div{
        color:red;
        font-size: 100px;
    }
</style>

　　3）外部引入
　　将css写在外部的一个.css文件中，在html页面中引入css文件。
　　在head中引入文件
　　< link rel=”stylesheet” type=”text/css” href=”../css/style.css”>

优先级问题：
　　谁离需要修饰的元素近，谁的样式生效，其它的被覆盖掉。(就近原则)

4.CSS 基本选择器
　CSS 基本选择器有三种(元素选择器、类选择器、id 选择器)
　　1）元素选择器
　　元素名{
　　　　属性名 1:属性值 1;
　　　　属性名 2:属性值 2;
　　　　属性名 3:属性值 3;
　　}
　　如果多个相同的元素设置相同的样式，使用此种方式最为合适。
　　2）类选择器，对标签定义一个calss类名，通过类名来定义样式
　　.类名{
　　　　属性名 1:属性值 1;
　　　　属性名 2:属性值 2;
　　　　属性名 3:属性值 3;
　　　}
　　对多个元素设置相同的样式，此时使用类选择器比较合适
　　3）ID选择器 ， 对标签定义一个id值，通过id来单独定义每个标签的样式
　　#id 属性名{
　　　　属性名 1:属性值 1;
　　　　属性名 2:属性值 2;
　　　　属性名 3:属性值 3;
　　}
　　Id 保证唯一。对单个元素设置样式，使用id选择器比较合适。

5.CSS其他选择器
　　1）层级选择器下
　　上层元素 要设置元素{
　　　　属性名 1:属性值 1;
　　　　属性名 2:属性值 2;
　　　　属性名 3:属性值 3;
　　}
　　2）属性选择器
　　要设置的元素[属性=’属性值’]{
　　　　要添加的属性
　　}

6.CSS浮动
　　浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为
止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在
一样。
　　　float: left/right/none/inherit

　　清除浮动
　　#three{
　　　clear:both;　
　　}
7.盒子模型