分享经常用到的公用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...
所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上，目前Google已经明确表明鼓励响应式网页设计。 (图一，响应式网页设计) 通常在浏览网页时，手机上和电脑上无法显示同一个网页，这也导致许多网页设计会自...