• CSS:响应式的导航菜单

    最近我写了一点资料关于怎样制作一个响应式的移动导航栏,现在我发现了一个新的技术(有关HTML5)可以在没有使用Javascript的情况下做一个响应式菜单。这个菜单可以自动排列到左边、中间或者右边)。不像之前的教程需要点击某“开关”来显示或隐藏菜单,现在只需要把鼠标移到菜单按钮就会出现菜单列表(而且会提示当前所在的导航位置)。它可以在所有移动设备和桌面浏览器(包...
    作者:孤风一剑/2013年11月08日/分类:网页设计/阅读:1,439次/标签:/评论关闭
  • CSS3之动画Animation

    CSS3发布已经有很多日子了,现在很多网站都开始尝试用CSS3制作一些好玩的东西,甚至有些公司把CSS3作为制作网站的技术来广泛应用。今天和大家分享CSS3之动画Animation的一些小东东,希望能对大家有所帮助。   一、Animation的语法   1、@keyframes——插入关键帧   (1)FormTo形式:   [css][/css] view plaincopyprint? @keyframes demo {      fro...
    作者:孤风一剑/2013年10月09日/分类:网页设计/阅读:1,425次/标签:, , , , /评论关闭
  • web前端学习笔记(CSS固定宽度布局)

    一、单列布局: 这是最简单的一种布局方式,之所以给出该示例,还是为了保证本篇博客的完整性。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>固定宽度布局</title> <style type="text/css"> #header,#pagefooter,#content { border: 1px solid red; margin: 10px auto 10px 10px; padding: 5px; w...
    作者:孤风一剑/2013年10月02日/分类:网页设计/阅读:972次/标签:, , /评论关闭
  • CSS中文字怎么斜体

    CSS中文字怎么斜体呢?这是我们日常生活中可以遇到的问题,因为我在前些日子也遇到了,然后就总结了一下。希望能对大家有所帮助。 Font-style:在CSS中用Font-style属性实现把文字设为斜体的。 Font-style属性值: normal:正常的字体 italic:斜体。对于没有斜体变量的特殊字体,将应用oblique oblique:倾斜的字体 Italic和oblique的区别:可以理解成Italic是使用文字的斜...
    作者:孤风一剑/2013年9月20日/分类:网页设计/阅读:1,196次/标签:, , , , /评论关闭
  • CSS——inline-block属性

    Inline-block是元素display属性的一个值。这个名字的由来是因为,可以简单的解释为inline+block ;display设置这个值的元素,兼具行内元素( inline elements)跟块级元素(block elements)的特征。块级元素(block elements)来源于CSS盒子模型。块级元素包含width height,padding,border与margin,他们的排列方式是从上到下排列。 行内元素(inline elements)排列方式是...
    作者:孤风一剑/2013年9月06日/分类:网页设计/阅读:1,096次/标签:, , /评论关闭
  • css实现两端对齐的3种方法

    说到两端对齐,大家并不陌生,在word、powerpoint、outlook等界面导航处,其实都有一个两端对齐(分散对齐)的按钮,平时使用的也不多,我们更习惯与左对齐、居中对齐、右对齐的方式来对齐页面的文本或模块。   响应式网页设计出现以来,更多是使用百分比布自适应布局,特别是在移动端,两端对齐的方式显得越来越重要。那么,如何使用css实现两端对齐,相信很多同学会文...
    作者:孤风一剑/2013年8月30日/分类:网页设计/阅读:5,042次/标签:, /评论关闭
  • CSS的基本认识

    1、定义:   级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。   2、对CSS的基本认识:    CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模...
    作者:孤风一剑/2013年8月24日/分类:网页设计/阅读:959次/标签:/评论关闭
  • web页面内容优化管理与性能技巧

      回想一下,以前我们不得不花费大量时间去优化页面内容(图片、CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪 存文件,里面包含的有视频或者图片。然而,随着移动开发的兴起,我们又回到了过去的窘状。网站优化是十分重要的,需要下载的内容少,反应速度快,就能使我 们加载应用程序更快速。 图片:控制在合适的尺寸大小 很多时候...
    作者:孤风一剑/2013年8月15日/分类:Js开发/阅读:7,142次/标签:, , , , /评论关闭
  • 书写CSS的5个小技巧

    1. 按字母顺序来排列css 不按字母顺序排的: div#header h1 { z-index: 101; color: #000;: position: relative; line-height: 24px; margin-right: 48px; border-bottom: 1px solid #dedede; font-size: 18px; } 按字母顺序排的: div#header h1 { border-bottom: 1px solid #dedede; color: #000; font-size: 18px; line-height: 24px; margin-right: 48px; position: rel...
    作者:孤风一剑/2013年8月13日/分类:网页设计/阅读:879次/标签:, , /评论关闭
  • offsetHeight在OnLoad中为0的现象

    在使用IE中,特别在目前div+css的方式,往往不定义div的高度,这是在添加div内容后,需要获取div的高度时,往往需要用到offsetHeight。 在使用中,有时会碰到offsetHeight获取到为0的现象,但如果你用各种JS调试工具调试,又能在对象中看到值(如果直接指向offsetHeight是没值的,但如果是对象查看是有值的,在调试器中回车查看对象就已经刷新对象了,所以有值。) 比如下面...
    作者:孤风一剑/2013年7月18日/分类:网页设计/阅读:1,085次/标签:, , /评论关闭