2019年02月_牧云流

原创 web前端进阶教程目录

web前端的学习的入门并不难，但是在学习和应用的过程中，你会发现各种新知识和新技术层出不穷，似乎没有止境，本教程从体系化的角度去设计，希望从高处着眼，用生活化的角度去理解。

2019-02-21 11:05:23 2640 1

原创 2.17 CSS样式的书写顺序及原理

CSS推荐的书写顺序书写顺序：按照下述1 2 3 4 5的顺序进行书写定位属性：position display float left top right bottom overflow clear z-index自身属性：width height padding border margin background文字样式：font-family fo...

2019-02-28 10:05:09 283

原创 2.10 CSS属性详解

CSS的属性大致可以分成几类：字体属性、文本属性、背景属性、列表属性、表格属性、轮廓属性、鼠标光标属性、filter滤镜属性

2019-02-26 11:50:30 311

一、概述SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。1、SVG 文件可以直接插入网页，成为 DOM 的一部分，然后用 JavaScript 和 CSS 进行操作。 &amp;amp;amp;amp;amp;lt;!DOCTYPE...

2019-02-26 09:14:00 375

原创 2.7 HTML5有什么新特性

HTML5是对HTML的第5次重大的修改，虽然HTML5 标准还在制定中，但不能阻碍其势不可挡的脚步，不用HTML5你就OUT了。首先要说的是不是所有的浏览器都支持HTML5,Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9支持部分 HTML5 特性。HTML5的W3C标准声明改为&amp;amp;lt;!doctype html...

2019-02-25 16:22:08 252

原创 2.6 严格的xhtml

XHTML可扩展超文本标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。XHTML 是 HTML 与 XML（扩展标记语言）的结合物；XHTML 与 HTML 4.01 几乎是相同的；XHTML1.1为XHTML最后的独立标准。

2019-02-25 15:25:16 324

原创 2.5 HTML表单标签及用法详解

HTML表单用于搜集用户输入的信息，常见的应用如用户注册，登录，填写资料等，在网页中非常常见，表单是由form标签包裹的一组标签组成。表单之所以重要，是因为表单连接着用户、前端和后端，用户可以通过表单输入信息，前端要对用户输入的信息进行响应，如验证输入，验证通过后通过一定的方式提交给后端，后端接到数据要做进一步处理，如：第二次验证，返回处理结果等。

2019-02-23 08:40:36 542

原创 2.4 HTML文档的标签分类

HTML文档中<>括起来的部分就是标签，这种书写方式就是超文本标记语言的书写方式。浏览器能够读取 HTML 文档，并以网页的形式显示出这些标签。通常标签是成对出现的，有开始有结束，本文将分类的讲解一些标签

2019-02-22 17:38:46 475

原创 2.3 HTML文档头部head的结构与meta标签

head元素是所有头部元素的容器。head容器中可以包含脚本，指示浏览器在何处可以找到样式表，提供元信息等等，这里面内容较多的是meta元素（元数据），元数据的讲解将放置在最后，但它不是不重要，而是很重要。

2019-02-21 17:32:10 1235

原创 2.2 HTML语法与文档结构

HTML 不是一种编程语言，而是一种标记语言 (markup language)。HTML 使用标记标签来描述网页。HTML的语法是给文本加上表明文本含义的标签(Tag)，使浏览器能够按照约定的方式解析。HTML 标签结合W3C的标准，对标签的语法做如下整理1、HTML 标签是由尖括号包围的关键词，如 2、HTML 标签的基础语法：&amp;amp;lt;标签名属性名1=“属性值” 属性名2=“属性值...

2019-02-21 15:50:57 284

原创 1.4 新手理解HTML、CSS、javascript之间的关系

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个很经典的例子是说HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人；

2019-02-21 14:28:46 1192

原创 1.3 在浏览器输入网址到看到页面经历了哪些过程？

当我们在浏览器地址栏输入网址，按下回车键，一直到看到页面，经历了哪些过程？1、域名解析（DNS解析）2、发起TCP连接请求(TCP的3次握手) 3、建立TCP连接后发起http请求 4、服务器响应http请求，浏览器得到html代码 5、解析html代码，并请求html代码中的资源（如js、css、图片等）6、断开TCP连接（四次挥手）7、浏览器对页面进行

2019-02-21 13:59:11 1019

原创 1.2 初步了解浏览器

浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。用户用URI来指定所请求资源的位置，关于URI的部分在之后的HTTP协议这部分再进行详细的研究。

2019-02-21 11:29:05 356

原创 1.1 WEB前端是什么,如何界定前端工程师的工作范围？

web2.0时代之后，前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

2019-02-21 11:14:47 798

原创 2.1 HTML是什么,超文本是什么意思

这里的**超文本**是什么意思，姑且字面理解为超级本文，超过文本，也就是说比文本厉害的意思，那么这个超文本比文本厉害在哪呢？

2019-02-21 10:19:28 2851

dreamingbaobei的博客