CSS实现屏幕显示与打印结果不一样的方法
摘要：文章作者：Tony Qu原创 一种方法是为屏幕显示和打印分别准备一个css文件，如下所示： 用于屏幕显示的css： 用于打印的css： 注意，这两个css是放在一个web页面里面的。 还有一种是import方式： 最后一种写法是可以直接把屏幕显示样式和打印样式写在一个css文件中： @media p
阅读全文
posted @ 2018-05-04 11:25
随笔分类 - 前端-CSS
鼠标滑过table时修改表格行的背景颜色
摘要：方法一： 方法二： 完整样例： 1 <html> 2 <head> 3 <style type="text/css"> 4 #customers 5 { 6 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 7 width:100%;
阅读全文
posted @ 2018-04-17 21:40
对span设置鼠标光标样式
摘要：crosshair; 十字准心 The cursor render as a crosshair 游标表现为十字准线 cursor: pointer; cursor: hand; 写两个是为了照顾IE5，它只认hand。 手 The cursor render as a pointer (a han
阅读全文
posted @ 2018-04-17 21:12
CSS 居中布局
摘要：来源：http://www.cnblogs.com/QianBoy/p/8539077.html 水平居中 1）使用inline-block+text-align 原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。 用法：对子框设置display:inline-blo
阅读全文
posted @ 2018-03-15 12:03
css怎样让背景充满整个屏幕
摘要：来源：http://www.cnblogs.com/QianBoy/p/7601171.html
阅读全文
posted @ 2018-03-15 11:45
关于html,body{height:100%}的解释
摘要：来源：https://www.cnblogs.com/QianBoy/p/8571682.html 今天看到一个CSS样式：html,body{height:100%}，第一次看到，感觉挺奇怪，为什么html还需要设置height:100%呢，html不就是整个窗口吗？我是这样认为的。然后就把htm
阅读全文
posted @ 2018-03-15 11:32
整个页面所有元素垂直居中
摘要：1 2 3 4 5 无标题文档 6 21 22 23 24 25 aSDadasdASD 26 27 342532523543 28 29 30 31
阅读全文
posted @ 2017-08-07 11:52
CSS中常见的长度单位
摘要：原文地址：https://segmentfault.com/a/1190000008934791?utm_source=tuicool&utm_medium=referral px - 像素 px 是 CSS 中最常用的长度单位，可以用来指定字体大小，元素的宽度、高度、边框、内边距，外边距的大小等等
阅读全文
posted @ 2017-04-04 15:36
Effective前端(3)用CSS画一个三角形
摘要：来源：https://zhuanlan.zhihu.com/p/26160325 三角形的场景很常见，打开一个页面可以看到各种各样的三角形： 由于div一般是四边形，要画个三角形并不是那么直观。你可以贴一张png，但是这种办法有点low，或者是用svg的形式，但是太麻烦。三角形其实可以用CSS画出来
阅读全文
posted @ 2017-04-04 15:33
当滚动页面到一定程度时，页顶菜单浮动固定在页面顶部
摘要：存粹是笔记呵呵 代码一： 运行结果截图： 代码二： 运行结果截图：
阅读全文
posted @ 2016-03-05 12:23
div圆角和颜色渐变的设置
摘要：1 2 3 4 5 无标题文档 6 40 41 42 43 44 45 46 47
阅读全文
posted @ 2015-02-28 18:08
弹出一个对话框提示是“确定”还是“取消”操作
摘要：http://www.cnblogs.com/langge/archive/2009/10/24/1589043.html阅读了上面链接文章的做法，试着做了一下，终于发现原来如此呵呵关于这个问题，以前看的时候没理解其意思，不知道怎么用，于是借助onclientclick在客户端执行confirm并用...
阅读全文
posted @ 2014-06-26 15:39
【转】Javascript+css 实现网页换肤功能
摘要：来源：http://www.php100.com/html/webkaifa/DIV_CSS/2008/1014/2326.htmlHtml代码部分:1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href.2.皮肤选择按钮(后台为每个li添加onclick事件,触发换肤功能) 灰...
阅读全文
posted @ 2014-06-10 09:30
【转】图解CSS的padding,margin,border属性(详细介绍及举例说明)
摘要：W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。 对于初学者，经常会搞不清楚margin...
阅读全文
posted @ 2014-06-10 08:54
CSS实例：鼠标滑过超级链接文字时改变背景颜色
摘要：先讲简单的：通过CSS可以设置超链接在不同时刻的颜色： 百度 人人网 hao123 导航菜单4 导航菜单5 导航菜单6效果就不截图了，自己运行一下吧下面讲一个稍微复杂一点点的：鼠标滑过超链接文字时修改其背景颜色： ...
阅读全文
posted @ 2014-06-04 19:35
【转】关于IE7 z-index问题完美解决方案
摘要：来源：http://jacobcookie.iteye.com/blog/1876426浏览器兼容性问题太让人蛋疼了，今天可是废在了IE7的z-index问题上。可又不能因为浏览器版本低而不去解决，毕竟要从用户的角度着想。百度了好多还是无法解决，最后google了一下，找到了方法。 直接上例子：Ht...
阅读全文
posted @ 2014-05-26 21:55
【转】弹出可拖动的DIV层提示窗口
摘要：来源：www.divcss5.com 1 2 3 4 DIVCSS5可拖动DIV提示窗口 5 98 99 100 CSS内容400是宽度200是高度',400,200);" />101 102...
阅读全文
posted @ 2014-05-21 08:24
用Javascript弹出div定义的消息框并往块里面填写文字
摘要：1 2 3 4 LIGHTBOX EXAMPLE 5 74 93 94 95 打开 96 97 来自网页的消息 98 --> 99 100 101 102 ...
阅读全文
posted @ 2014-04-25 18:46
用JavaScript往DIV动态添加内容
摘要：参考：http://zhidao.baidu.com/link?url=6jSchyqPiEYCBoKdOmv52YHz9r7MTBms2pK1N6ptOX1kaR2eg320mlW1Sr6n36hpOeOadBxC2rWWGuhZPbms-K要填充的数据为: 这是一个测试例子.jquery：$(f...
阅读全文
posted @ 2014-04-25 18:32
【转】javascript入门系列演示·三种弹出对话框的用法实例
摘要：对话框有三种1：只是提醒，不能对脚本产生任何改变；2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片下面我们分别演示： 1 2 3 4...
阅读全文
posted @ 2014-04-24 15:29
