background属性 background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: a.background-color 设置背景色 b.background-image 设置背景图片地址 c.background-repeat 设置背景如何重复平铺 d.background-position 设置背景图片的位置 e.background-attachment 设置背景图片是固定还…
项目要求: 网站能够使用PC.ipad.mobile phone正常访问 页面PSD版式宽度分别为1024px和750px 参考资料 使用CSS3 Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表.换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备. Media Queries的语法如下所示: @media [media_query] media_type and media_feature 使用Media Querie…
目录 Vue-Cli 项目环境搭建 与 python 基础环境对比 环境搭建 创建启动 vue 项目 命令创建项目(步骤小多) 启动 vue 项目(命令行方式) 启动 vue 项目(pycharm 方式) 配置 pycharm 启动 Vue 项目目录结构分析 pycharm 支持 vue 语法 安装 vue 插件 部分 vue 文件剖析 自定义组件并渲染到页面上 组件的导入与导出 全局脚本文件 main.js 解析(项目入口) vue 项目启动生命周期 加载 mian.js 启动项目 加载 ro…
background-image 属性可以设置背景图像. 背景图像可以填充整个页面的,也可以填写一部分. background-image 属性的使用很简单:background-image:url(图片地址) 填充整个页面示例 <!DOCTYPE html> <html>     <head>         <title>背景图片</title>         <style type="text/css">…
前端开发主要涉及到html, css(less/sass), javascript这几个方面的知识.真正的快速有效开发,必须实现所谓所见即所得.在构建生产时,可能需要使用gulp/grunt等task runner来将前端所有的任务串联起来,但是在一个简易开发环境中,有以下两种模式快速构建本地静态页面(html+css+js)开发环境. browsersync 命令行方式启动server去serve静态页 1. nodejs安装: 2. npm 安装 npm install -g browser…
Web程序开发流程 在实际的开发中,一个Web程序的开发过程要设计多个角色,比如客户(提出需求).项目经理(决定需求的实现方式).开发者(实现需求)等,在这里我们假设自己是一个人全职开发.一般来说一个web程序的开发流程如下所示: 1)  分析需求,列出功能清单或写需求说明书 2)  设计程序功能,写功能规格书和技术规格书 3)  进入开发和测试的迭代 4)  调试和性能等专项测试 5)  部署上线 6)  运行维护与营销等 写好功能规格书后,我们就可以进行实际的代码编写.在具体的开发中,代码编…
http://doc.wex5.com/different-with-std-web-ui/#1 X5的UI部分和传统Web页面开发的差异 WeX5是跨端移动开发框架,BeX5是基于WeX5的企业快速开发平台,它们都采用前后端分离的开发模式,和Web传统的前端页面开发(例如extjs)比较类似,和jsp存在差异.WeX5.BeX5和Web传统的前端页面开发最大的差异在于,WeX5.BeX5采用了单页模式,实现资源不重复加载: 由于采用单页模式,X5引入了RequireJS,实现资源异步按需加载,…
说出来,还请各位看官不要笑 - -.哥们至今不是很清楚页面的自适应和移动前端页面开发有什么区别 .有幸哪位看官清楚这些的话,希望能不吝赐教 .A.meta        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />        不允许缩放   …
原文:CSS背景图片定位 在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽. 对背景图片的定位就需要用到CSS中的background样式,如: div{ background-image: url("1234.png"); background-repeat: no-repeat; background-position: 0px -100px; } 属性解释: back…
目标 理解 背景的作用 css背景图片和插入图片的区别 应用 通过css背景属性,给页面元素添加背景样式 能设置不同的背景图片位置 [插入图片,不用设置img元素的父元素.自身元素大小,即可见,但是背景图要设置元素的宽高才可见.] 4.1 背景颜色(color) 语法: background-color:颜色值; 默认的值是 transparent 透明的 4.2 背景图片(image) 语法: background-image : none | url (url) 参数 作用 none 无背景…