无限的学习

大家好！你的男孩HD，又来了，今天又学习了html，让我找回了学习的感觉，好久没有这样了，虽然辛苦但是值得，每天这么充实，你必须要努力，创造一片新天地。接下来看看今天的成果吧！

一、首先咱们介绍一下HTML文档的组成部分：

1.DOC 文档声明

     HTML5说明： 或都可以

     HTML4说明：

2.html

3.head 头

(1)meta 设置页面的一些信息

      charset 字符集(字符编码)/ utf-8 国际编码/gb2312/GBK 大陆/author 作者/copyright 版权/description 描述/keyword 关键词

(2)title 网页的标题

4.body 主体

(html代码写在这里)

二、接下来简单说说规范：

1.谁定的规范呢？

    答：W3C组织

2.简单的规范有哪些？

答：a).文档必须有文档声明

        b).标签必须闭合

       c).单标签必须合理闭合

       d).标签和属性必须用小写字母

       e).属性值必须用双引号包起来

       f).所有符号必须是英文符号

三、background 背景

  1.background-color  背景颜色

  2. background-image 背景图片 代码：background-image: url(图片路径);

  3.background-repeat 背景平铺:

                                      (1).repeat 平铺 默认

                                      (2).no-repeat 不平铺

                                      (3).repeat-x 横向平铺

                                      (4).repeat-y 纵向平铺

4.background-position 背景定位.   

            a). 方向：left/top/right/bottom/center（只写一个方向，另一个方向默认为center）

            b). 像素：x y(px px/% %)

5.简写

               (1).颜色：background: 颜色;

               (2). background: url(xxxx) no-repeat 100px center;

四、路径

路径分为：

1.相对路径

根据当前文件，相对的路径（images/logo.png）

2.绝对路径

E:/aite/2017-08-21H5/2017-08-22/code/images/logo.png

绝对路径缺点：1.麻烦      2.不是绝对的（如果换文件位置了你又要改）

五、文字font

           span标签 ——>空白标签

1.文字样式

(1).文字加粗:    font-weight

                                   bold 加粗      normal 不加粗

(2.)文字倾斜:    font-style

                                   italic 倾斜     normal 不倾斜

(3).文字大小:   font-size

                              字体最小是12px.   默认大小是16px

(4).文字类型(字体):   font-family

                                    a).宋体、楷体、微软雅黑

                                    b).英文单词:   SimSun.   KaiTi.   SimHei.  Microsoft YaHei

                                    c).Unicode编码 推荐.  宋体 \5B8B\4F53. 黑体 \9ED1\4F53.       

                                        微软雅黑 \5FAE\8F6F\96C5\9ED1

(5).文字简写:

                           font: weight style size family;

                           font: bold italic 20px '\5FAE\8F6F\96C5\9ED1';

                           font: weight style size/line-height family;

                           font: bold italic 20px/30px(行高) '\5FAE\8F6F\96C5\9ED1';

(6).字体加粗:

                  strong 标签

                              SEO优化 推荐

                b 标签

                             

(7).字体倾斜

                  em 标签 

                          SEO优化   推荐

                 i 标签

                         

六、行间样式

         写在标签上的样式，用的是style属性。

七、内联样式

           写在style标签中。style标签写在head标签中样式

         标签选择器div{

                        width: 300px;

                        height: 300px;

                        border: 1px solid #000;

}

八、选择器

1.标签选择器

             div{    

}

              span{

}

          I{

}

2.id选择器

id 类似于公民身份证号(唯一的)#id平时少用，id不是用来给你写样式的，id是给js用的，多个id用空格相隔

3.class选择器

class 类选择器可以重复,相当于名字。用法 （.class  ），多个class用空格相隔

九、文本缩进

text-indent  作用：

              1.首行文本缩进

              2.写logo

                在h1中写文字，缩进-99999px。logo图片设置成背景 也是为了SEO优化。