前端知识点
文章平均质量分 58
serina
前端爱好者
展开
-
网址
1.http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html2.http://www.websitetemplatesonline.com/free-template/superior-business-template.html3.htt原创 2013-04-02 09:34:53 · 520 阅读 · 0 评论 -
vertical-align学习
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。一个关于vertical-align的图:按照W3C的定义,当内联元素的vertical-align设置为:baseline, top, bottom的时候,都是该元素的baseline(或middle, top, bottom)对其周围元素的相同位置,如图片的top和周围文原创 2013-04-19 11:56:42 · 552 阅读 · 0 评论 -
html中的内联元素
学习html后, 你会了解一些基本的html元素(Element), 如p, h1~h6, br, div, li, ul, img等.如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素. 1. Top-level element 【顶级元素】: { html, body, frames原创 2013-04-30 12:27:25 · 1025 阅读 · 1 评论 -
html5 地理定位 学习小结
今天,不知哪来的雅兴就是特别想了解html5 地理定位那块知识。于是乎,屌丝我兴冲冲的拿起书本开始看,下面是今天的学习小结,希望有兴趣的友友共勉我来理清思路哈,咱们把逻辑搞好,就好理解了步骤:第一步:1.先检查支持(因为有的浏览器不支持的,so这步比较重要,这个代码我试了好久,最后只有在ff上成功了,连支持最好的gg都没支持)第二步:2.获取当前位置(介个要用到系统原创 2013-05-17 18:35:12 · 943 阅读 · 1 评论 -
HTML5 地理位置定位
HTML5 地理位置定位(HTML5 Geolocation)原理及应用 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome转载 2013-05-17 16:06:59 · 968 阅读 · 0 评论 -
html节点
HTML文档中的每个成分都是节点DOM 是这样规定的:整个文档是一个文档节点每个 HTML 标签是一个元素节点包含在 HTML 元素中的文本是文本节点每一个 HTML 属性是一个属性节点注释属于注释节点下面这个图片表示一个文档树(节点树):你可通过若干种方法来查找您希望操作的元素:通过使用 getElementById() 和 getEl原创 2013-05-24 20:59:00 · 653 阅读 · 0 评论 -
随谈 css定位
static: 这个是默认的,相当于说没有使用定位的时候,其实你已经在使用这个属性了,只不过是有和没有这个属性 没有任何的的影响。relative: 这个在我们写东西的时候,使用的频率比较高,这个被称为相对定位,它有2个属性 top left 这就是一个坐标,记住和我们数学上的坐标是不一样的,它是个平面的坐标 怎么说呢,它就是我们数学上的第四象限,但不同的是:它的下半轴是正的,而不是负的,原创 2013-05-31 17:11:35 · 507 阅读 · 0 评论 -
one day
If I could just give you one gift,all right, one gift for the rest of your life, do you know what I'd give you?Confidence.----------------------------------------------------------------原创 2013-05-31 21:45:06 · 562 阅读 · 0 评论 -
IE下判断IE版本的语句
IE6及其以下版本可见IE7及其以下版本可见只有IE6版本可见除了IE以外的版本IE8以下的版本可见IE7及大于IE7的版本可见用法:(1)可使用如下代码检测当原创 2013-06-13 20:31:36 · 480 阅读 · 0 评论 -
js的onblur和onfocus
一直以来 都对js又爱又怕,just because...当文本框获得焦点时触发onfocus方法,而当焦点离开时则触发onblur方法。原创 2013-04-18 14:53:00 · 606 阅读 · 0 评论 -
前端小谈
一般一个熟手一天完成4个页面是没啥问题的,当然很重量级的前端效果除外,下面是我总结关于做页面的流程:其实标准的网制作完成的工作实际是:psd to html,一般情况下,我们会拿到美工的psd,这时候不同的人会有不同的做法: 1.打开fireworks将图片切割导出为html。2.直接在dreamweaver之类的工具去拖拉布局,导入相关的图片,flash资源。转载 2013-04-25 11:13:24 · 479 阅读 · 0 评论 -
html命名和css书写顺序
在XHTML中定义ID时都用得上,主要是方便CSS定义样式时能一眼看穿。所以,CSS命名仅作参考。 (1)页面结构类 容器: container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体转载 2013-04-25 10:51:22 · 633 阅读 · 0 评论 -
html5能做什么?
w3c首席执行官jeff jaffe表示:从今天起,企业用户可以清楚知道,他们能够在未来依赖html5。html5是开放web标准的基石,他是一个完整的编程环境,适用于跨平台应用程序,视频和动画,图形,风格,排版和其他数字内容发布工具,广泛的网络功能等。Html5建立的规则:新特性应该基于HTML、CSS、DOM以及JavaScript;减少对外部插件的需求(比如Flash);更优原创 2013-04-01 20:17:23 · 1404 阅读 · 0 评论 -
css里面position:relative与position:absolute的区别
position:absolute这个是绝对定位是相对于浏览器的定位。比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position:relative是相对定位是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。比如:当1原创 2013-04-02 21:38:29 · 605 阅读 · 0 评论 -
CSS background-position 属性
background-position 属性设置背景图像的起始位置。这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。提示:您需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常如何定位背景图像:body{ bac原创 2013-03-21 11:19:02 · 568 阅读 · 0 评论 -
谷歌的愿景
谷歌的愿景Googl用户体验团队致力于创建有用的(useful)、快速的(fast)、简单的(simple)、有吸引力的(engaging)、创新的( innovative)、适合大众的(universal)、有用的(profitable)、漂亮的(beautiful)、值得信赖的(trustworthy)、个性化的(personable)的应用。Google用户体验的十大准则原创 2013-04-06 11:09:02 · 1763 阅读 · 0 评论 -
js常用语句
1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElement原创 2013-04-06 11:11:38 · 544 阅读 · 0 评论 -
CSS 常见问题和解决方案
1、如何定义高度很小的容器?在IE6下无法定义小高度的容器,是因为有一个默认的行高。列举2种解决方案:overflow:hidden | line-height:02、图片下方出现几像素的空白间隙?这个也有多种解决方案,如将img定义为display:block,或定义父容器为font-size:0,个人更推荐使用vertical-align的方式,它的值可以是text转载 2013-04-23 19:26:45 · 644 阅读 · 0 评论 -
italic和oblique的区别
一种字体有粗体、斜体、下划线、删除线等诸多属性。但是并不是所有字体都做了这些,一些不常用的字体,或许就只有个正常体,如果你用Italic,就没有效果了~这时候你就要用Oblique.可以理解成Italic是使用文字的斜体,Oblique是让没有斜体属性的文字倾斜!另CSS2.0上边的解释你参考下:italic和oblique都是向右倾斜的文字, 但区别在于Italic是指斜体字,而原创 2013-04-23 19:54:17 · 3759 阅读 · 1 评论 -
Bootstrap 学习
Twitter Bootstrap是基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。它是Twitter在2011年8月开源的一整套前端解决方案,拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。尽管也有不少网页设计师抱怨Bootstrap网站结构臃肿、不灵活并且难以维护,但是Bootstrap原创 2013-06-16 10:52:50 · 703 阅读 · 0 评论