wjl31802的博客

目的： 学习使用Photoshop的基本使用，以及Photoshop中关于切图这一块的知识，目的是能熟练使用Photoshop查看UI设计师的设计效果图，同时利用Photoshop切图来制作专业html页面。 常用图片格式 图片是网页制作中很重要的素材，图片有不同的格式，每种格式都有自己的特性，了解这些特效，可以方便我们在制作网页时选取适合的图片格式，图片格式及特性如下： 1、psd  p...

html 概述和基本结构 两种 xhtml 1.0 和 html5 xhtml 1.0是html5之前的一个常用版本，目前很多网站都还在用该版本 用sublime text创建方法：html:xt + tab html5 是向下兼容的，sublime text创建方法 html:5 + tab 或者！ + tab 两种文档的区别 1. 文档声明和编码声明 2. html5新增了标签元...

移动端页面布局 移动端app分类 1、Native App 原生app手机应用程序 使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C 2、Hybrid App 混合型app手机应用程序 混合使用原生的程序和html5页面开发的手机应用 3、Web App 基于Web的app手机应用程序 完全使用html5页面加前端js框架开发的手机应用 V...

目的：学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧，学习函数的基本定义方法和使用方法。 JavaScript介绍 JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionS...

目的：学习JQuery函数库的基本使用方法和应用场景。 jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的...

目的：学习移动端场景下的js事件；制作移动端特效常用的js库；介绍移动端常用开发框架Bootstrap；介绍动态样式语言less、sass、stylus的基本使用。 移动端js事件 移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、touchstart: //手指放到屏幕上时触发 2、touchmove: //手指在屏幕...

color 设置文字的颜色，如： color:red; font-size 设置文字的大小，如：font-size:12px; font-family 设置文字的字体，如：font-family:'微软雅黑'; font-style 设置字体是否倾斜，如：font-style:'normal'; 设置不倾斜，font-style:'italic';设置文字倾斜 ...

CSS权重 CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级，按照等级来计算权重 1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如：style=””，权重值为1000 3、ID选择器，如：#content，权重值为100 4、...

CSS盒子模型 盒子模型解释  元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：   把元素叫做盒子，设置对应的样式分别为：盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。 构建盒子的快捷键： .box +tab键 设置边框  设置一边...

作为初学者，在学习前端开发的时候，回顾下跟随CZ播客常用的几款软件 sublime text 百度百科定义：由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的VIM。 Sublime Text 特点       1、Sublime Text 是一款跨平台代码编辑器，在Linux、OS X和Windows下均可使用。       2、Subli...