作为一名计算机从业者，不说精通，但至少了解过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⊙)！
网友评论