概述 HTML是将内容和内容显示形式结合在一起的语言，它对于内容显示形式的控制，主要是通过标签（元素）的属性，由于它对“内容显示形式”存在着很多的弊端，所以之后就出现了CSS，CSS就相当于HTML标签的属性。 HTML元素的形式 空元素。例： 带有属性的空元素。例： 带有内容的元素。例：http://blog.csdn.net/jiben2qingshan 带有内容和属性的元素。例：http://blog.csdn.net/jiben2qingshan ...
这是我根据自己的学习笔记整理的思维导图，WEB前端的知识很多，汇总来看会比较清晰。 主要学习来源：w3cschool、网易微专业、百度ife学院。 此随笔会随着我的学习笔记持续更新。
1.css基本样式讲解 1.1 css背景 background-attachment：背景图像是否固定或者随着页面的其余部分滚动 background-color：设置元素的背景颜色 background-image：把图片设置为背景 background-position：设置背景图片的起始位置 background-repeat：设置背景图片是否及如何重复 background-size：规定背景图片的尺寸 background-orgin：规定图片的定位区域 background-clip：规定背景的绘制区域 1.2 css文本 color ：文...
form用于提交文件需要修改其entype属性。 enctype属性：规定在发送表单数据之前如何对其进行编码。 默认情况，enctype的编码格式是application/x-www-form-urlencoded，不能用于文件上传； 需要文件上传时需要将编码方式修改为：multipart/form-data 以下是关于enctype属性的值介绍： application/x-www-form-urlencoded：[默认] 在发送前编码所有字符（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值） multi...
css基础知识（一） 1、css样式： 加载css样式有以下四种： 1）、外部样式 2）、内部样式 3）、行内样式 4）、导入样式 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。 h2 { color:#f00;}这种形式是内部样式表，它是以和结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。 内部...
CSS选择器 选择器{ 样式; } 每一条css样式声明（定义）由两部分组成，形式如下： 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签...
继承 继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 CSS中存在一些不能继承的样式，如： border:1px solid red; 特殊性 同一标签设置不同的css样式，游览器根据标签权值来判断使用哪个CSS样式。...
css 样式由选择符和声明组成，而声明又由属性和值组成： 选择符： 又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： p{font-size:12px;color:red;} 注意： ...
HTML基本概念 HTML基本概念理解：（HTML）不是一种编程语言，而是一种描述性的标记语言。 完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象，这些对象统称为HTML元素。 HTML基本标记 头标记.. 标题标记.. 元信息标记... 标签提供的属性及其取值如下表所示： 属性 值 描述 charset ...
页面标题 <hr />是一条直线 小标题 小标题 <p> </p>指的是段落 <br />指的是换行，放在一句话的后面,重复用可以多空几行 指的是空格。圆角状态下的空格也可以在网页中表现出来。 Tab指缩进 title放上去的时候会显示 苹果 苹果是一种水果 香蕉 香蕉也是一种水果 <dl/> </dl/> 是指定义 姓名性别学科 李培能男语文 胡习平男语文 王小康男语文 戴晓男语文 表格由table标签创建，tr标签创建行，td(colspan可以横跨几...
HTML DOM基础知识 一、什么是DOM？ 1、HTML DOM 定义了访问和操作HTML文档的标准方法。 2、HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。 3、通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，...
LESS 中的注释 也可以额使用css 中的注释(/**/) 这种方式是可以被编译出来的。 也可以使用// 注释 不会被编译的 变量 声明变量的话一定要用@开头 例如：@变量名称：值； @test_width:300px; .box{ width:@test_width; height:@test_width; background-color:yellow; } 混合-(Mixin） 混合(mixin)变量 例如： .border{border:solid 10px red} ...
CSS3手册是学习CSS3的最佳文档，不管是自己写博客，还是买书，手册少不了。今天我给大家介绍一些CSS3有哪些分类及其使用。 具体参考：http://caibaojian.com/css3/ 上来进行以下整理。 从左侧我们可以清晰的看到文档分为了几大类： 属性 Properties（http://caibaojian.com/css3/properties/index.htm） 选择符 Selectors（http://caibaojian.com/css3/selectors/index.htm...
一、绘制基本图形 在每次用canvas画布时，都有几步是“套路” 1.在HTML中创建Canvas画布： 浏览器不支持canvas 2.获取画布标签，并得到一个2D对象： var c = document.getElementById(mycanvas); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境，返回一个2D对象 ，该对象实现了一个画布使用的大多数方法。 1、绘制线条： ctx.lin...
【文章摘要】表单为你留了一个区域，这个区域等着你输入数据，这些数据讲被上传到后台服务器去，或者校验你的用户名密码，或者你的下单数据，总之，TA为你和网页的数据交互提供了一个友好的界面。 我承认又标题党了，表单这种基础知识从很早的Html版本就已经存在了，表单是用户输入和网页之间数据交互的一个界面，TA在Html中用这个标签来标记。 但是谁叫Html规范升级到5.0呢，我之所以要解释下，是因为有的朋友并...