随笔分类 -  HTML

摘要：今天需要在项目中用到一个时钟的效果图：初试canvas小实验，代码var canvas = document.getElementById('myCanvas') var context = canvas.getContext('2d')context.strokeRect(0,0,canvas.width,canvas.height)context.beginPath()context.arc(200,150,5,0,2*Math.PI,true)context.strokeStyle = '#00f'context.fillStyle = & 阅读全文

摘要：字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小是会“变”的，也称为“相对长度”。pt全称为point，但中文不叫“点”，查金山词霸可以看到，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸。所以它是一个自然界标准的长度单位，也称为“绝对长 阅读全文

摘要：readonly:只是不允许用户修改操作，不影响其它的任何操作，与没填加没任何区别，例：用户可以触发焦点操作，点击操作，适用范围只能是input(text/password)、textarea表单控件,表单提交的时候会将此表单元素的值提交到服务器disabled:阻止用户一切操作，包括用户点击事件，获取焦点事件，适用范围是所有的表单元素，表单提交的时候不会将此表单元素的值提交到服务器，也就是服务器获取不到此表单元素中的值一般比较常用的情况是：①在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时应该将它的属性设置为readonly②经常遇到当用户正式提交了表 阅读全文

摘要：语义化标签：你认为用什么标签最能描述这块内容，觉得这样表述更有意义，那么就可以使用这个标签现在的浏览器对CSS支持都挺完善的（不包括CSS3），讲究的是结构与表现相分离，结构与行为相分离，一个WEB页面，结构是最主要的，结构相当于一栋房子的墙，标签是一块块砖，砖摆得有序，摆得整治齐，墙才牢固，所以说标签语义化很重要，HTML每个标签都有自己的语义：DIV：一个层，层里面可以嵌很多东西，例如：文本，图片，现在大部分页面的布局框架是用DIV布的，但是尽量少用，一个是为了语义化，一个是为了以后维护方便，别一打开页面源代码，全是DIV段落：P，段落内的文字会自动换行，不需要用<br/>去换 阅读全文

摘要：在做页面时,基本上都忘了这几个标签,基本上都没用到,今天偶尔看到了,就总结下q:引用比较短的话,例如:"吃饭了没啊!",<q>吃饭了没啊!</q>,在IE6下面是没有引号的,为了表现统一在重置样式的时候加上q:before,q:after{content:'';}blockquote:引用比较长的话,两边有缩进,在IE和FF浏览器表现统一;abbr,acronym:单词缩写... 阅读全文