Fork me on GitHub
.net求学者

随笔分类 -  CSS+HTML

CSS+HTML
Web无大屛截取高分辨率大图
摘要：方式一： <html style="height: 100%; width: 100%;"> <body style="margin: 0px; height: 100%; width: 100%;"> <div style="width: 100%; height: 100%; overflow: 阅读全文
posted @ 2021-10-12 18:15 hy31337 阅读(155) 评论(0) 推荐(0)
IE默认打开浏览器版本设置(IIS)
摘要：针对单个页面-Web页面中添加设置 IE=edge,chrome=1的META信息详解 在 IIS 上实现 META 切换，针对所有页面 阅读全文
posted @ 2018-05-22 11:33 hy31337
Css笔记
摘要：Css动态宽高calc .dt{ height: calc(67% - 10px); width: calc(63%); right: calc(37% - 1.5px); } Bootstrap与其他样式冲突（laydate、UMeditor、JqGrid）问题 /*解决Bootstrap3与Jq 阅读全文
posted @ 2016-03-22 22:35 hy31337 阅读(167) 评论(0) 推荐(0)
优化网站加载速度的14个技巧
摘要：优化了加载速度的网站不仅可以提高其搜索引擎的排名，同时也可以降低网站的跳出率，提高其转换率，还能提供更好的终端用户体验，这是当今基于Web环境取得成功的关键。 下面我将介绍几个优化网站加载网页速度的简单方法，一起来看一下。　1.服务器响应时间 即使网站已经格外优化，但是除非服务器响应时间非常快，... 阅读全文
posted @ 2015-02-11 14:06 hy31337 阅读(273) 评论(0) 推荐(0)
CSS3必须要知道的10个顶级命令
摘要：1.边框圆角（Border Radiuas）这个是我们在平常很常用的吧，以前我在用div圆角的时候，特别特别的痛苦，不管是用CSS来画圆角，还是用图片来画圆角都不那么容易，但是现在好了，在CSS3中，直接只需要如下面饿代码，就能做出美轮美奂的圆角效果了~~~#box1 {border: 1px so... 阅读全文
posted @ 2014-12-22 16:15 hy31337 阅读(156) 评论(0) 推荐(0)
手机版网页全屏
摘要：网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width-viewport的宽度height-viewport的高度 initial-scale-初始的缩放比例 minimum-scale-允许用户缩放到的最小比例 max... 阅读全文
posted @ 2014-11-26 13:09 hy31337 阅读(300) 评论(0) 推荐(0)
文字超出隐藏并显示省略号，表格固定表头，两表格左右对齐,
摘要：文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法一是用程序开截取字符长度，这个其实也是可以的第二种是用样式来做,这里主要介绍一下用样式怎么来做吧，我话也不多说了吧直接上代码吧， css样式如下：.css1{color:#6699ff;border:... 阅读全文
posted @ 2014-11-06 15:19 hy31337 阅读(749) 评论(0) 推荐(0)
CSS技巧
摘要：CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个... 阅读全文
posted @ 2014-06-05 10:21 hy31337 阅读(509) 评论(0) 推荐(0)
一组网页边栏过渡动画,创意无限！【附源码下载】
摘要：今天我们想与大家分享另一套过渡效果。这一次，我们将探讨如何实现侧边栏的过渡动画，就像我们已经在多级推出菜单中使用的。我们的想法是，以细微的 过渡动画显示一些隐藏的侧边栏，其余的内容也是。通常侧边栏滑入，把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果，而今天这篇文章能够给 你一些启示。　... 阅读全文
posted @ 2014-04-29 08:38 hy31337 阅读(317) 评论(0) 推荐(0)
纯CSS多级菜单
摘要：主要代码部分：/*新增的二级菜单部分*/ .menu ul ul { visibility:hidden;/*开始时是隐藏的*/ position:absolute; left:0px; top:32px; } .menu ul a:hover ul{ visibility:visible; } .menu ul ul li { clear:both;/*垂直显示*/ text-align:left; } /**或**/dd { display:none; }dl:hover dd, a:hover dd { display:block;... 阅读全文
posted @ 2014-03-19 11:01 hy31337 阅读(156) 评论(0) 推荐(0)
解决IE6不支持position:fixed的bug
摘要：/*完整代码 *//* 除IE6浏览器的通用方法 */.ie6fixedTL{ position: fixed; left: 0; top: 0;}.ie6fixedBR{ position: fixed; right: 0; bottom: 0;}/* IE6浏览器的特有方法 *//* 修正IE6振动bug */* html, * html body{ background-image: url(about:blank); background-attachment: fixed;}* html .ie6fixedTL{ position... 阅读全文
posted @ 2013-12-30 18:24 hy31337 阅读(151) 评论(0) 推荐(0)
简单的漂浮层
摘要：/*去除IE下抖动*/*html{background-image:url(about:blank);background-attachment:fixed;}.piaofu{ width: 158px; height: 413px; position: fixed; z-i... 阅读全文
posted @ 2013-12-30 16:31 hy31337 阅读(267) 评论(0) 推荐(0)
CSS Image Sprite--网页图片应用处理方式
摘要：CSS Sprites简介CSSSprites在国内很多人叫css精 灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样 一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。加速的关键，不是降低质量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。2CSS Spri 阅读全文
posted @ 2013-12-25 15:50 hy31337 阅读(719) 评论(0) 推荐(0)

.net求学者