初识html,css

作为一名计算机从业者，不说精通，但至少了解过C语言，C++,C#,C++,java,SQl，Javascript等等编程语言，相对于这些编程语言，html,css简单的多，对于初学者也非常容易上手，下面对于初学者就html,css进行简单的介绍。

首先是html的结构

---

当熟悉html的结构后，我们就来了解下html的重要组成部分--标签

标签规范：

1.标签分为单标签和双标签（例如html为双标签,meta为单标签)

2.标签必须闭合

3.标签可以嵌套，嵌套标签必须缩进（用tab键进行缩进)

4.标签有属性（自有属性和自定义属性）

5.标签不区分大小写

6.文字内容必须有标签包裹

7.标签分为块级标签和行级标签

说完标签，就来认识下html重要的标签之一——div,span

div 表示一个区域，块，盒子；span表示一个内容区域；二者都是设置html的内容区域的，那么两者有什么区别呢？——此部分内容将在我们了解完css的一些属性后进行详细的说明。

---

我喜欢把前端学习比喻为一个造就一个美少女计划，html是美少女的身体，那么css就是她的衣服，所谓人靠衣装马靠鞍装，我们就得牢牢掌握css，才能成超级无敌美少女。

css中常见属性样式有：width(宽），height(高),background（背景），border(边距)等等；其中设置宽，高，边距的单位为px(像素），背景可以为颜色，也可以设置背景图片。

css和html的关联首先有三种：行间样式，内部样式和外部样式。首先来介绍行间样式:例如：

内部样式：

外部样式：

那么既然有三种引入样式，它们有什么特点和最常用的是哪种呢？下面就来介绍下三种方式的特点。

行间样式：

优点：不会额外的产生请求

缺点：1.容易产生重复的代码，造成文档体积变大

           2.不利于维护

           3.不符合结构与样式分离的规范

综上所述：不建议使用行间样式

内部样式：

优点：1.不会产生额外的请求

                             2.初步实现结构与样式的分离

缺点：1.代码复用不方便

           2.适合单页面网站应用

外部样式:

优点：1.利于后期维护

           2.可以重复使用

           3.完成实现结构与样式的分离

缺点：会产生额外的请求(但是后期我们会借助工具抹平这个缺点)

这个知识点先总结到这里，请继续关注后面的内容，也许你会有不同的收获噢(⊙o⊙)！