Ethan Marcotte曾经在A List Apart上发表过一篇名为Responsive Web Design的文章，他当时就提出了响应式架构的概念（不少混迹技术圈的肯定看过这篇文章，这里就不再赘述了）。随着终端设备的日益丰富，无法针对设备类型、尺寸或浏览器进行自适应调整的图像会严重减慢网...

2018-06-24 01:51:54 css代码前端开发前端开发者

CSS的编写是需要积累的，而一个好的css编写习惯对我们将来的成长是非常有利的，我会把我平时看到的或者遇到的会不定时的更新到这里，不时翻一下，但求有所进步。 如果各位看官也有看法和建议，评论下，我也会更新进来，谢谢！ 1、css选择符是从右到左进行比配的，例如...

2018-06-24 01:51:37 css代码

业务场景：当鼠标移入某元素时，显示提示框进行介绍。当鼠标移除时，会自动消失。引入ToolTip.js和ToolTip.css 主方法： ToolTip. show（需要提示的元素id, 随意不重复即可, 要提示的html文本, 宽（ 可不指定 ）, 高（可不指定）） ; ToolTip. show（obj, id, html, wi...

2018-06-24 01:50:40 css代码

前面的话 本文将从DRY、currentColor、inherit和合理使用简写这几方面来详细介绍CSS编码技巧 DRY DRY，即don`t repeat yourself，尽量减少代码重复 在软件开发中，保持代码的DRY和可维护性是最大的挑战之一，而这句话对CSS也是适用的。在实践中，代码可维护性的最大要...

2018-06-24 01:50:38 css代码

什么是hasLayout？ hasLayout是 IE 特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺...

2018-06-24 01:49:28 css代码

最近几年随着响应式布局的发展，一次开发多次使用，自适应屏幕的响应式网站的需求越来越多。但是怎样使得网站能自适应屏幕呢？这里就需要提到一个css3里面新增的技术了-media媒体查询器。 那么什么是media媒体查询器呢？ Media媒体查询器是CSS3新增的一个可以检测打开...

2018-06-24 01:48:57 css代码下载html

为什么要CSS模块化？ 你是否为class命名而感到苦恼？ 你是否有怕跟别人使用同样class名而感到担忧？ 你是否因层级结构不清晰而感到烦躁？ 你是否因代码难以复用而感到不爽？ 你是否因为common.css的庞大而感到恐惧？ 如果有，恭喜你来对了地方！本文会为您一一解决这些...

2018-06-24 01:48:25 css代码css 样式css规则html标记

这段时间在工作中遇到一个看似较为棘手的问题。 问题描述 ：查询报表页面分为上下两部分，上部分为条件输入区域，下部分为报表展示区域。客户要求做到默认满屏（但要动态适应不同的窗体大小，也就是浏览器窗体用户会手动改变其大小），但上部分条件输入区域有动态变化...

2018-06-24 01:48:16 css代码

CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS SCRIPT language=JavaScript !-- Begin if (screen.width == 640) { document.write('link href="/Css/Style.css" rel="stylesheet" type="text/css" /'); } if (screen.width == 800) { document.write('l...

2018-06-24 01:47:37 css文件css代码css规则

1.行间样式 给单独的标签添加样式. div style="width:100px; height:100px; background-color:red;"/div 优点：比较方便可以即时的添加属性。 缺点：修改属性非常麻烦、需要一个个去修改。 2.内联样式表 style div{ !--选择器跟{}符号 属性写在里面-- } /style 优点：...

2018-06-24 01:45:51 css代码