跟叶老师说项目，他叫我写一个静态首页，看起来挺简单的，但是下手才发现在真的不会怎么下手啊，什么模型啊模块啊都不懂，写毛线啊！！ 如图：页面下拉还有侧栏，中间内容等。 可是答应跟老师做了，不能怂啊，于是硬着头皮，花两三天看在慕课网上学习Bootstrap（讲得挺好的，建议大白去看一下），其实我刚看完不久，里面很多东西其实作者都总结得很不错，还有演示。 收获很多，打算再看一下HTML的div+css布局，花一两...
4.14 CSS background属性简写： background-position属性组合方式：[ left | center | right ] || [ top | bottom ] （组合后中间没有下划线） background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动 background属性简写顺序：background-color || background-image || background-repeat || background-attachment || background-position 4.15 圆角框：css3的border-radius和borde...
记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《 前端工程与性能优化 》。里面有提到根据雅虎14条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳理出来的优化方向： 张云龙先生提及到的优化方向从提出到现在虽已相隔两年时间，前端技术也在飞速发展，但其提到的工程化思想仍是前端优化的一个大方向，亦有很大的指...
几个知识点： HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML框架结构： 此处为标签内容
添加必要的注释，是一个优秀的程序员必须具备的好习惯，可以大大提高代码的可维护性、可读性。 1、HTML注释 注释的地方（根据个人习惯可能有所不同）： 结束标签的后面，这一切都是为了程序在嵌套的时候更加方便、明了，如： 2、CSS注释 /*注释的内容*/ 注释的位置： 某个模块样式开始的地方，说明这段样式是作用于哪段模块，如： /*header*/header { ...
让网页的宽度自适应屏幕 1）html上加入 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 3）加入这句话可以定义iphone的添加到主屏幕的图标 网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)表示页面中的所有链接都在新窗口打开 madinc.co// autocomplete="off"//去掉输入框的历...
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！ 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名词。现在对布局也算有一点了解...
入行也半年了，无数次的想过写博客也无数次的想过第一篇会写什么，一直没有落实。今天心血来潮把博客开了，那就写点东西吧。第一篇就写一写看似简单但又经常不注意到的meta标签吧。（博主经验尚浅，有许多理解不到位的地方或者说错的地方欢迎批评指正） 不说了~这个是祖师爷 1.让浏览器默认以什么版本来显示： content里的IE=edge表示让浏览器默认以edge内核去处理页面，而后面的chrome=1则是...
表格的常用属性 基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、background（表格的背景图片）、 bordercolor（表格边框的颜色） 表格内部分隔线的属性 起作用的是rules这个参数，它有...
DIV+CSS 清除浮动是页面布局中常见的问题，相信各位高手也都有自己的方法，今天在这里对常见的几种方法进行总结（PS：谈不上是原创，这里是我自己做的归纳总结，也是我自己内化的过程），希望对您能够有所帮助。感谢博客园平台！---- 来自 DIV+CSS 浮动效果是指，父元素在未定义高的情况下，由于子元素全部浮动脱离文本流，而造成父元素高的塌陷（PS:正常情况下，父元素的高是由子元素撑起来）；或者因为部分子元素的而浮动...
参考地址 http://www.tornadoweb.org/en/stable/guide/templates.html?highlight=render#ui-modules 目的说明 osc的所有页面顶部都有这个导航条, 我们可以使用tornado的UI modules来实现导航条,实现代码的复用. 代码结构 增加了一个my_uimodules.py,里面包含了供tornado模板使用的uimodules,增加了一个header.html里面是导航条的html代码,增加了一个page2.py,返回简单的html页面page2.html. 实际运行效...
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框，这种箭头可以通过背景图片或者是css来实现，本文介绍三种通过css实现带箭头的提示框。 通过border属性思路：两个三角形，通过定位使两个三角形相差1px作为边框。 CSS3 transfrom思路：先做一个两条边相同颜色的正方形，然后旋转一定角度就是三角形了 特殊字符?思路：特殊字符漏出上半部分，看上去就像三角形了 一、通过border属性： ...
长时间未曾动笔至今已忘了如何组织语言，故注册此博客园帐号。一来，总结自己平时编程中遇到的“坑”；二来，记录下自己的编程生涯，以待来日回顾。本篇总结的来源是近期自己所负责的一个云平台项目。这是第一篇，关于布局。 传统的布局方式一般都是盒模型，并依赖于display、position或者float。然而position具有不能自适应内部高度的缺点，需要固定的容器高度；float存在父元素塌陷，需要用清除浮动解决；同时，对于某些布...
1.线性渐变：linear-gradient 语法：<linear-gradient> = linear-gradient([ [ | to <side-or-corner] ,]? <color-start>[, <color-end>]+) <side-or-corner> = [left | right] || [top | bottom] <color-start|end> = [ |]? 下述值用来表示渐变的方向，可以使用角度或者关键字来设置： ： 用角度值指定渐变的方向（或角度）。 to left： 设置渐变为从右到左。...
一、简介 iOS 动画主要是指Core Animation框架。官方使用文档地址为：Core Animation Guide。Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架。Core Animation可以作用与动画视图或者其他可视元素，为你完成了动画所需的大部分绘帧工作。你只需要配置少量的动画参数（如开始点的位置和结束点的位置）即可使用Core Animation的动画效果。Core Animation将大部分实际的绘图任务交给了图形硬件来处理，图形硬件会加速...