前端重点知识梳理—DOM
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。 通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构进行操作。 1. js怎样添加、移除、移动、复制、创建和查找节点? 1)创建新节...
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。 通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构进行操作。 1. js怎样添加、移除、移动、复制、创建和查找节点? 1)创建新节...
分享经常用到的公用css,让网页兼容各大浏览器,这样每写一个网页直接引用就可以了,这样省事的代码,还有神马理由不收藏呢? /*———-通用———-*/ ul,ol,li,p,h1,h2,h3,h4,h5,form,table,td,img,div,a,dl,dt,dd{margin:0;padding:0;border:0;} body,select,input{padding:0;margin:0;text-align:left;font-size:12px;...
字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {fo...
我们在浏览网页的时候,浏览器需要把网页上的内容,包括网页HTML,CSS,JS,FLASH和图片等下载到本地,然后把它们显示出来。如果网页上的内容是固定的,下载速度也不是你我能控制的,但下载的大小则是可以控制的,只需要你再传送的过程中先把内容压缩优化一下即可。 对于一般的HTML,CSS和JS文件,GZIP的压缩比率达50%到...
在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助,在不使用鼠标,而用键盘Tab键进行页面浏览时,会标示出当前所在的链接或控件的位置,便于浏览。这对那些视觉有障碍的人...
之前在一些网站发现了一个好玩的样式,就是鼠标移到网站LOGO上,logo会自动抖动起来,显得非常炫酷。我也是十分感兴趣。自从本站新添加了一个视觉设计的分类之后,我也是想起来有个抖动CSS样式CSS Shake,所以今天给小伙伴们分享一下,希望小伙伴们能够喜欢。 CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利...
如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支...
问题一:看什么书 如果只想建立一个自己的主页,事实上并不需要掌握太深奥的知识,因为笔者认为,网上有很多现成的资源可以利用,如果自己去花钱买书专门来学,恐怕有点“杀鸡用牛刀”,花大力气办小事情的感觉。当然,如果要学会制作主页,笔者认为至少需要以下方面的知识: HTML:最基本的知识,如果HTML知识掌握得好,可以...
我们经常会在一个技术性网站或BBS见到这三个东东:XHTML DHTML SHTML,它们到底是怎么回事呢?我们看下面的说明与讲解。 XHTML: HTML是一种基本的WEB语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技...
CSS3实现的网页侧边栏效果,点击指定按钮,显示或隐藏侧菜单,CSS3运行于HTML5环境,IE8及以下版本不支持,因此测试时请确认你的浏览器支持HTML5技术,推荐使用火狐或谷歌Chrome浏览器。 CSS3点击显示 *{ margin:0; padding:0; } html{ height:100%; } p{ padding:10px 0; } body{ min-height:100%; font-family:ar...