随笔分类 -  html+css

摘要：1.Web开发利器Webstorm导入多个文件夹或者项目步骤：File->Setting 打开设置面板，打开Directories节点，然后看到有Add Content Root 操作选项，单击弹出磁盘目录文件，选择对应项目或者目录即可。2.撤销快捷键：Ctrl+Z 反撤销 Ctrl+Shift+Z 阅读全文

摘要：如何实现刷新当前页面呢？借助js你将无所不能。1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页... 阅读全文

摘要：原文地址：http://www.jb51.net/article/18220.htm大家都知道事件的用法就是当某个事件(状况)被触发了之后就会去执行某个Function, 尤其是Javascript, 在当红AJAX的催化下, 了解Javascript的Event用法更加重要, 在这里就大概介绍一下... 阅读全文

摘要：一、width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。二、innerWidth() 方法返回元素的宽度（包括内边距）。innerHeight() 方法返回元素的高度（包括内边距）。三、outerWidth... 阅读全文

摘要：一 让整个网页页面内的链接都在新窗口打开:在head中加入 二 让一个DIV里所有链接在新窗口打开： 在body中加入 复制代码 代码如下: 加入了是否特别要当前窗口打开的 复制代码 代码如下: //控制超链接在新窗口打开 var tar=""; tar="_blank"; var ... 阅读全文

摘要：在使用文本域textarea的时候，通常会使用cols、rows来设置宽高，但是发现当拖拽右下角可以无限制改变大小，很可能会导致布局错乱，针对这个要实现禁止拖拽或者固定宽高，有两种解决办法：1：只是固定大小，右下角的拖动图标仍在width:200px;height:100px;max-width:200px;max-height:100px;2：彻底禁用拖动（推荐）style="resize:none;" 阅读全文

摘要：这个来源于互联网。但是是佚名，很感谢这位大侠的分享。在记录商品数据的时候经常会用到table 布局，当数据过长的时候，往往需要固定标题头，下面分享具体实现代码 固定标题列、标题头table 账号 姓名 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 10 10 11 11 12 12 13 13 14 14 15 15 16 16 17 17 18 18 19 19 20 20 字段A 字段B 字段C 字段D 字段E 字段F 1... 阅读全文

摘要：最近一个项目经常用到table布局，一些细节问题很容易被忽略，其中给tr设置padding值却没有效果就是其一因为表格的特殊性。table tr 的padding css 属性设置无效 td可以设置padding css 属性tr td 的 margin css 属性设置无效使用Css 属性代替 表格的cellspacing、cellpadding 属性cellspacing 属性使用border-collapse设置。cellpadding 属性使用td 的padding设置cellspacing 属性规定单元格之间的空间cellpadding 属性规定的是单元边沿与单元内容之间的空间 阅读全文

摘要：做项目的时候发现给tr设置css border属性的时候不显示，后来得知解决方法如下table{border-collapse: collapse;}即为table 添加border-collapse: collapse;border-collapse 属性设置表格的边框是否被合并为一个单一的边框，默认值为separate边框会被分开经测试 ie6/ie7使用该属性后，border依然无法显示，解决方法就是直接给td设置border 阅读全文

摘要：图标的格式根据不同的浏览器来分：IE支持cur,ani,ico这三种格式，FF支持bmp,gif,jpg,cur,ico这几种格式，不支持ani 格式，也不支持gif动画格式，因此来说一般将图片存为cur或ico格式比较好.test {cursor:url("../images/ico_zoomout.cur"),-moz-zoom-out;}以上代码在FF、Chrome、IE(6~8)中，都可以显示自定义的cur图片（一个缩小图标）。唯独IE9下，不能通过。************解决方法**************------解决方案------------------ 阅读全文

摘要：以前是这样实现背景透明内容不透明的：将背景与内容分别放在两个DIV中，然后使背景DIV透明，最终达到背景透明内容不透明的效果（挺麻烦的），背景透明使用的样式是{opacity:0.5;filter:alpha(opacity=50);}。最近才发现，原来还有更好的方法。支持CSS3的浏览器我们可以使用background-color:rgba(0,0,0,0.5)来实现透明，rgba中的a则代表透明度，取值范围在0-1之间。对于不支持CSS3的IE浏览器我们可以使用滤镜来达到使背景透明的目的，我们可以使用IE专有的滤镜，如下：1filter:progid:DXImageTransform.Mi 阅读全文