1. CSS 属性组2013-10-09
    27560

    这里是快速链接,详细文档参考w3c  CSS 属性组: 背景 文本 字体 边框和轮廓 外边距 内边距 列表 内容生成 尺寸 定位 打印 表格 伪类 伪元素 提示和注释: 属性:“属性” 列指向语法、实例、浏览器支持等内容。 CSS:"CSS" 列指示属性是在哪个 CSS 版本中定义的(CSS1 还是 CSS2)。 提示:W3S ...

    阅读全文
  2. 28180

    要点:理解行框的概念有利于理解布局中遇到的问题。 定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 参考文档: http://ww ...

    阅读全文
  3. 28680

    .clearfix:after{     content:".";         clear:both;     height: 0;     display:block;     visibility:hidden; } 在BOX DIV中添加上面的class.则会在BOX最后 ...

    阅读全文
  4. 30930

    line-height 属性值可以有多种格式: normal: 默认。设置合理的行间距。 number: 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。在大多数浏览器中默认行高大约是 1。 length: 设置固定的行间距。在大多数浏览器中默认行高大约是 20px %:     基于当前字体尺寸的百分比行间距。在大多数浏览器中默认行高大约是 110% 到 120%。 inherit :规定应该从父元素继承 line-height 属 ...

    阅读全文
  5. 本文收集了一些css设计的icon: http://fontawesome.io/icons/ http://v2.bootcss.com/base-css.html#icons http://glyphicons.com/ CIKONSS: http://www.bootcss.com/p/cikonss/​ css3 icon: http://www.uiplayground.in/css3-icons/  ...

    阅读全文
  6. 23610

    1. Make it Readable 书写格式可读 2. Keep it Consistent 当你开始创建自己的CSS标准时,你就已经开始变得更专业更精通。标准是一致的保证。 3. Start with a Framework 建议先从使用框架开始,至少框架有一年左右的使用经历。 4. Use  a Reset Reset目的是为了减少浏览器默认行为的差异。可以参考MeyerWeb 5. Organzie the stylesheet ...

    阅读全文
  7. 22710

    CSS3对media type的功能的增强就是添加了media queries功能。 Media Queries概念引入解决的问题是网页在不同设备的浏览器中显示风格的多样性需求。 问题1:如果针对特定窗口尺寸来设计网页(布局,显示),那么会在其他窗口尺寸中显示该网页会产生很多问题; 问题2:如果针对不同的窗口尺寸来制作不同的网页,则需要制作的网页会变得更多,消耗更多的人力时间。 通过Media Queries则可以通过针对不同的设备特性来使用不同的样式代码;大大减少了开发 ...

    阅读全文
  8. node.js官网下载node.js安装文件. (https://nodejs.org/en/download/) https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 安装node.js后,通过npm方法安装less $ npm install -g less 如果出错,可能就是有代理的问题 设置node.js代理方法: npm configure set proxy=htt ...

    阅读全文
  9. 19670

    在制作响应式页面是Less非常简单和实用,语法和使用方法都可以参考官网文档和中文教程。 本文简单提要学习摘录: Less最重要的几个概念:变量,样式扩展和混合 变量的主要几个作用: 用来定义CSS规则的属性值 用来定义选择器的名称 用来定义URL 用来定义变量使用在import语句中 用来定义属性的名称 甚至可以用来定义另一个变量的名称 使用变量的时候要以下注意点: 可以Lazy Load, 即定义申明的书写位置可以在实际引 ...

    阅读全文
  10. web app在处理西方文字的时候总会遇到这样一个问题,那就是单词的换行问题。 如何不让长单词溢出? 如何在不让长单词溢出的同时,更好的利用换行引起的空间? 这就是word-wrap和word-break的出现原因。 来看图找不同吧: 分解动作: 1) 浏览器默认行为: 当word不能被当前行容纳时,该单词会另起一行。所以原先行会有多余空间空出。而如果这个word又是很长很长以至于不能被一行容纳,则会溢出。 2)在上面这种特别长的单词时, ...

    阅读全文
1234