股墓山庄

专注于AS3，JavaScript 每天一点进步，坚持...
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

随笔分类 -  05.【CSS】

1 2 下一页

清除所有的滚动条

摘要：*{ scrollbar-width: none; -ms-overflow-style:none; } ::-webkit-scrollbar { display: none; } 阅读全文

posted @ 2020-06-17 17:01 股墓山庄庄主 阅读(164) 评论(0) 推荐(0)

css 文本显示点点点

摘要：今天有这个需求，百度获取到这个效果，记录下来。 阅读全文

posted @ 2016-08-11 18:36 股墓山庄庄主 阅读(795) 评论(0) 推荐(0)

css3 打勾 打叉

摘要：无标题文档 阅读全文

posted @ 2016-07-26 18:01 股墓山庄庄主 阅读(522) 评论(0) 推荐(0)

HTML meta 头部的一些内容

摘要： 阅读全文

posted @ 2015-09-22 11:56 股墓山庄庄主 阅读(138) 评论(0) 推荐(0)

英文单词自动换行

摘要：{word-break: break-all; word-wrap:break-word;}强制不换行 div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-brea... 阅读全文

posted @ 2015-01-05 11:58 股墓山庄庄主 阅读(188) 评论(0) 推荐(0)

自适应页面

摘要：自适应页面的设计从开始就有很多需要注意的：1. 页面中关乎布局的元素都不设置绝对的宽和高，都按百分比来设置。2. 字体也使用相对大小的字体 如： body{font: normal 100%;} 字体大小事页面默认大小的100%，即16像素。 h2 {font-size:1.5em} h2标... 阅读全文

posted @ 2014-05-13 15:51 股墓山庄庄主 阅读(188) 评论(0) 推荐(0)

DIV的垂直居中

摘要：一直以来都没有找到一种完美解决DIV垂直居中的方法，今天终于找到了，特记录如下，从此不再用table来居中了。^^ 1 2 18 19 20 21 22 23 24 阅读全文

posted @ 2014-01-01 20:20 股墓山庄庄主 阅读(162) 评论(0) 推荐(0)

css样式单位取整,去掉'px'

摘要：alert(parseInt($(".themes1").css("margin-left"), 10)); 阅读全文

posted @ 2013-12-09 16:54 股墓山庄庄主 阅读(1341) 评论(0) 推荐(0)

DIV中的垂直居中

摘要：1 2 阅读全文

posted @ 2013-12-09 15:45 股墓山庄庄主 阅读(160) 评论(0) 推荐(0)

clear:both

摘要：这段代码的做用是：清除同行元素，不允许其它元素与之在一行内。原来是这样一直不知道这个东西哎呀原来是这样那么.clear10起到的作用就是在清除前两行浮动的影响并且间隔10px的高度。 阅读全文

posted @ 2013-11-29 12:04 股墓山庄庄主 阅读(181) 评论(0) 推荐(0)

visibility和display的区别

摘要：大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。display被设置：none，这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填。（此时应用display: none;的元素相当于消失，而visibilit 阅读全文

posted @ 2013-11-29 11:54 股墓山庄庄主 阅读(251) 评论(0) 推荐(0)

css画三角形

摘要：border:50px solid #000; border-color:#f00 transparent transparent transparent; 阅读全文

posted @ 2013-05-27 12:13 股墓山庄庄主 阅读(197) 评论(1) 推荐(0)

css打印

摘要：1 @media print{2 .noprint{display:none}3 } 阅读全文

posted @ 2013-04-15 12:38 股墓山庄庄主 阅读(148) 评论(0) 推荐(0)

css-鼠标点击去除外边虚线焦点

摘要：在chrome下，选中元素外面带黄色焦点框。去掉方法如下。a{outline:none;}a:focus{outline:thin dotted;}:focus{outline:0;}a:active{outline:none;} 阅读全文

posted @ 2013-04-03 11:40 股墓山庄庄主 阅读(273) 评论(0) 推荐(0)

DIV 上下左右居中

摘要：1 <div style=" width:1000px; height:600px; line-height:600px;margin:-300px 0 0 -500px; position:absolute;border:5px #ff0000 solid;padding:0; left:50%;top:50%; "> 阅读全文

posted @ 2013-03-18 09:25 股墓山庄庄主 阅读(145) 评论(0) 推荐(0)

css樣式

摘要：1.設置傾斜度 -webkit-transform: rotate(-6deg);2.設置透明度 opacity: 0.0; 阅读全文

posted @ 2012-09-26 15:20 股墓山庄庄主 阅读(142) 评论(0) 推荐(0)

map area 中去掉IE中鼠标点击map时产生的虚线框

摘要：chrome 下无虚线框，但是在ie8中鼠标点击的时候，会在map的area区域 产生虚线框。解决方法如下：<map name="Map3" id="Map3"> <area id="Map3_1" shape="poly" coords="9,196,29,197,125,117" href="#" onmouseover="showTip(this,event)" onmouseout="hideMsgBox(event)& 阅读全文

posted @ 2012-09-13 17:16 股墓山庄庄主 阅读(2087) 评论(0) 推荐(0)

HTML 中，input 做為提交按鈕時，更改樣式圖片

摘要：代碼如下：<input type= "image " src= "1.gif " onmouseover=this.src= "2.gif " onmouseout=this.src= "1.gif "> 阅读全文

posted @ 2012-03-23 17:48 股墓山庄庄主 阅读(854) 评论(0) 推荐(0)

让DIV固定在窗口的底部，不随浏览器滚动

摘要：以下例子为纯CSS制作 ，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>固定在页面底部</title> <FCK:meta http-equiv=&qu 阅读全文

posted @ 2012-03-15 16:54 股墓山庄庄主 阅读(18012) 评论(0) 推荐(0)

HTML 嵌入 SWF ，访问域的问题

摘要：网页中嵌入swf后，swf中如果有打开网址的代码时，因为html中的object参数问题，导致swf中打URL的交互失效。解决如下：在网页的嵌入代码里加上参数：<param name="AllowScriptAccess" value="always"> 阅读全文

posted @ 2012-03-01 14:30 股墓山庄庄主 阅读(237) 评论(0) 推荐(0)

1 2 下一页