初学web第一天

        感谢赵老师辛苦肝出来的视频，让我更快进入并度过web前端的认识阶段。

        今天学的内容最基础，在敲代码不够多的情况下这些知识点最容易忘记，因此。做以下笔记，发表此博客，记录学习web的第一天，愿可以没事过来翻翻此博客，可以从中温故知新。

project
    css
        存放css文件
    img
        存放图片
    js
        存放js文件
    index.html
        主页
    other.html
        其他页

高宽
    width
    height

padding
    padding
        top right bottom left
    padding-left
    padding-right
    padding-top
    padding-bottom

border
    10px solid #966eff;
    10px代表边框粗细
    solid代表实线
    后面是颜色

margin
    设置外边框

css的三种引入方式
    直接在body中的div写入style
    在body中定义div，在head中写入style
    在外部css文件中编写css文件，在html中link

块标签
    <p></p>
        章节paragraph
    h1,h2...h6
        同一个html中只能用一个h1，最多不能多于八个h2
    <ol><li></li></ol>
        有序
    <ul><li></li></ul>
        无序

行标签
    a/span
    同排序跟显示
    不支持宽高的设置，跟内容文字大小一样
    不支持上下的margin
    不正常显示padding
    换行被解析

行块标签
    img
        在body中写入img标签之后，在head中加入style标签，在里面写入width+像素值即可等比例缩放
    特点
        同排序跟显示
        当只设置宽度和高度时，另一半等比例缩放
        换行被解析

浮动
    float
    float:left;左浮动
    float:right;右浮动

清除浮动
    overflow: hidden;
    原因：因子级浮动脱离文档流，父级无法撑开高度

position
    relative
    absolute
    fixed
        这里所固定的参照对像是可视窗口而并非是body或是父级元素。使用了fixed的元素不会随着窗口的滚动而滚动

        属于absolute的子集。

常用css样式

 文本

        color
        text-align
            指定元素文本的水平对齐方式
                left
                right
                center
        line_height
            行高
        text-indent
            规定文本块中首行文本的缩进
    字体
        font-family
            指定一个元素的字体
        font-size
        font-style
            指定文本的字体样式
        font-weight
            设置文本的粗细
    背景
        background-color
        background-image
        background-repeat
            设置如何平铺对象的 background-image 属性
            默认情况下，重复background-image的垂直和水平方向。
        background-size
            指定背景图像的大小：
        background-position
            设置背景图像的起始位置