1.PC端为了兼容IE9以及IE9以下,尽量要使用float进行布局,兼容性好,一般不要用flex进行布局. 2.问起CSS选择器的分类,先说id选择器,类选择器,属性选择器,伪类选择器,伪元素选择器,标签选择器,再说关系选择器. 3.命名一定要规范,用英文,灵活一点,用那一栏的内容翻译过来起名. 4.代码要简洁,css只写到index.css一个文件内,重置样式表简短一点. 1 * { 2 margin: 0; 3 padding: 0; 4 border: none; 5 } 6 7 8 o…

前言 扁平化概念的核心意义 去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来.同时在设计元素上,则强调了抽象.极简和符号化. 示例 视频效果:http://files.cnblogs.com/files/abao0/webPage.swf 截图效果:http://images.cnblogs.com/cnblogs_com/abao0/975461/o_webpage2.gif 正文 1.代码部分 ht…

Zepto.js设计之初专为移动端,不对一些古董浏览器支持.所以,尺寸很小,压缩后20K多一点,但是,jQuery压缩后,3.*版本要80多K,1.*版本则要90多K,4倍差距. 由于每个页面都会使用,网站如果访问量大的话,省的流量费还是有那么一点点的. 从个人角度讲,使用最精简的资源. 原文链接:http://www.zhangxinxu.com/wordpress/2016/07/pc-website-use-zepto-js/ Zepto.js中文站:http://www.zeptojs.…

贴个网址:https://github.com/wangjie3186594/-PC- 声明一下:这个网页没做完!没做完!没做完!      本人新人一枚,按照的是我当前的学习进度做的项目,很多效果未能实现,请见谅!!!不要过分计较,后续如果有时间我会继续完善这个项目...…

try {var urlhash = window.location.hash;if (!urlhash.match("fromapp")){if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))){ }else{window.location="http://shangyecheng.cn/";}}}catch(err){}document.addEventListener('Weixi…

实现目标:不可复制页面内容 js: <script language="javascript"> if (typeof(document.onselectstart) != "undefined") { // IE下禁止元素被选取 document.onselectstart = function (event){ if(event.target.tagName!="INPUT"){ return false; } } } else…

做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080 使用了几种办法 1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常 2.使用rem的地方 width,height,margin,padding,left top都采用了REM, HTML的FONT-SIZE设置的为100PX.是为了计算方便…

以下都是自己的个人理解,说错了希望大家多交流交流.1,普通pc端开发与移动端开发区别.普通pc端开发,我理解就是你拿电脑打开的网页都算[这相信大部分人都知道].那么移动端开发工程师,说白了就很好理解了,做手机网页的前端开发工程师.这么一比,是不是感觉其实都差不太多,而且移动端的感觉更简单一点.pc,我们需要考虑什么呢?有点开发经验的同学都知道,ie6-11,firefox,chrome,safari等各种浏览器内核是不是都要兼容的吧.哪个都够你吃一壶的,无论是css还是js.而mobile的网页…

htm5移动端开发: 移动端开发需要注意的一些事情:http://www.duanliang920.com/learn/web/html5/321.html HTML5移动端手机网站开发流程:http://www.duanliang920.com/learn/web/html5/304.html  关于响应式布局:http://www.duanliang920.com/learn/web/html5/252.html  不可不知的html5标签:http://www.duanliang920.c…

好好学习,天天向上 本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star 原文链接:https://blog.csdn.net/weixin_43461520/article/details/113201713 HTML5新增标签 HTML5针对以前的不足,新增了一些新的标签.表单以及表单属性等. 语义化标签 之前在做布局的使用,使用了大量的div,这些div都是没有语义的,我们不能很轻易的就判断出某个div大致是什么内容,所以…