最近开发的一个网站头部分为上下两块,上面是快捷入口部分,下面是导航菜单部分。现在的需求是当页面往下拉时,快捷入口部分被遮住,而导航菜单固定,而且处于window最上面。在StackOverflow网站上搜集过资料,并且参照网站http://ilikecss.co...
用CSS来制作无图片带箭头的DIV方框(此代码比较适合追求纯代码者)这类效果也可以用图片背景来实现,代码会更简洁CSS代码: CSS Code复制内容到剪贴板 div.container{position:absolute;            top:30px;  ...
下面代码构造div分为3烂,左中右,主要通过float浮动来设置,side靠左浮动,side1靠右浮动,main自动适应调整自身宽度。 复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Tran...
一种单页应用的页面结构 面向移动端的单页应用(Single Page Web Application),从页面代码上来说,会使用较一般网页不同的结构。单页应用并不是说应用只需要一个视图,而是说可以将组成应用的多个视图集合在一个网页内呈现,且在视图之间能够自由切换(平滑的动画形式...
复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"&g...
我们所创建的HTML元素基本上都认为是水平的框架。 我们更加注意宽度而不是高度,特别是当它涉及到文本时。 然而,有时候我们确实想以垂直方式显示文本元素。 在以前那个脑瘫的 Internet Explorers 时代,这完全是一场必败之仗。 然而现在实现垂直文本就...
符号如右: 其css代码如下:复制代码代码如下:.fuhao{ position:absolute; top:12px; left:12px; width:0px; height:0px; overflow:hidden; border...
为了做移动端的前端项目开始学flex啦~!用了flex,再也不用担心排版啦。一起来快速上手吧! 在css上使用flex的语法 display: flex; /*按照需求加入各浏览器需求前缀*/ flex-direction(适用于父类容器元素) flex-direction:r...
   flexbox是一个新的盒子模型,当你给一个元素使用了flexbox模块,那么它的子元素就会指定的方向在水平或者纵向方向排列。这些子元素会按照一定的比例进行扩展或收缩来填补容器的可用空间。flexbox有许多很好用的地方,下面就着重讲述一下它的一些使用场景: Exampl...
复制代码代码如下: h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 看到一些css重设,请问设置font-size:100%的...

我的博客

人生若只如初见,何事秋风悲画扇。