表格的常用属性 基本属性有：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将大部分实际的绘图任务交给了图形硬件来处理，图形硬件会加速...
这些都是曾经收集到的一些关于Webview的知识，有些工作中用到了，有些暂时还没有用到，这次统一整理下，希望对自己，对大家有所帮助。另外，欢迎大家补充（当然，有错也要指正呀，不胜感激），如果可以的话，我会 更新到本帖中。 官方文档 更多知识：) 一.权限 <uses-permission android:name="android.permission.INTERNET" /> 二.创建Webview对象 WebView webview = new WebView(this); 三.加载网页的方式 ...
1、css的概念:(CascadingStyleSheet级联样式表) 优点:1.内容与表现分离。(用网页的内容xhtml就可以与表象分开) 2.表象统一 3.丰富的样式 4.减少网页代码 5.运用独立于网页的css 2.选择器 1.标签选择器 标签名｛属性:属性值;｝ 2.类选择器 .类名｛属性:属性值;｝ 标签内容 3、id选择器 #ID名称｛属性:属性值;｝ 4.并集选择器 标签名,.类名，#ID名称...
直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Q web 中的实际应用实践进行总结。 模式 1 – 常用模式 从用户输入 url 到展示最终页面的过程，这种模式可简单的分为以下 5 部分 用户输入 url，开始拉取静态页面 静态页面加载完成后，解析文档标签，并开始拉取 CSS （一般 CSS 放于头部） 接着拉取 JS 文件（一般 JS 文件放于尾部） ...
最近一段时间要毕业了，忙着找工作，见过不少笔试面试题，自己总结了一些加上网上找的一些整合了一下。答案暂时都东拼西凑出来了，但是还是先不发出来，一方面是答案并不是唯一的并且自己的答案不能保证对，另一方面希望看到本文的伙伴能自己去找答案，毕竟，技术只有自己真正理解了才是自己的东西，共勉。 小白第一次发文，恭请指点。 Web前端面试笔试题 Html+css 1.对WEB标准以及w3c的理解与认识。 2.Xhtml和html...
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框，这种箭头可以通过背景图片或者是css来实现，本文介绍三种通过css实现带箭头的提示框。 通过border属性思路：两个三角形，通过定位使两个三角形相差1px作为边框。 CSS3 transfrom思路：先做一个两条边相同颜色的正方形，然后旋转一定角度就是三角形了 特殊字符?思路：特殊字符漏出上半部分，看上去就像三角形了 一、通过border属性： ...
前言：在《DOM编程艺术》一书中，作者给出了一个实例：创建一个图片库，其实功能很简单，就是点击某个列表项时，下方出现相应的图片以及图片说明（图片说明事先以title的形式写在HTML中），虽然是一个简单的例子，当时作者在书中循序渐进，不断的改善图片库中间引入各种知识点，真的是一本好书，在此对这个实例进行一些总结。 －－－－－－－－－－－－－－－－－开始－－－－－－－－－－－－－－－－－ 1. HTML部分 ...
css3 就是css2 的一个升级版本。css2 是用来做效果渲染的，而css3 可以使做出来的效果更佳丰富。 C3有兼容性问题，移动端支持稍微要好些. 坚持以下原则： （1）渐进增强 （2）添加私有前缀 （3）考虑用户群体 【 选择器 】css3 在之前的基础上面扩展了三种类型的选择器 （获取到一个元素有...
有时我都不敢相信自己是一个python程序员，以python工程师的名义进了公司之后，除了Django和一些并不复杂的脚本以外，其余时间写了大量的CSS和jQuery，现在回头看之前的一些代码，写得十分丑陋又低效，其中的CSS就有很大改进空间。 正如多数人的认知一样，HTML和CSS并不难学难用，从学习曲线上来说确实如此，难度甚至不如使用VIM。但是写不写得好又是另一回事，好的CSS代码能用最少的代码量实现功能，易修改且性能佳。易修改，举个...