CSS
艾伦蓝
Just do it
展开
-
CSS link和@import的区别
页面中使用CSS的方式主要有3种:[color=red]行内添加定义style属性值,页面头部内嵌调用和外面链接调用[/color],其中外面引用有两种:[color=blue]link和@import[/color]。外部引用CSS两种方式link和@import的方式分别是:XML/HTML代码[code="html"] [/code]XML/HTML代码[code...原创 2015-03-11 15:27:26 · 65 阅读 · 0 评论 -
CSS 可上下伸缩的PANEL
ox-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #DDDDDD; margin-top:2px; } .box_top{ height:30px; margin-top:-30px; background:#F9F9F9; cursor:pointer; border-bottom:0px so原创 2014-10-30 19:35:47 · 93 阅读 · 0 评论 -
CSS 工作总结(nobr标签可以防止换行)
-box; -moz-box-sizing:border-box; box-sizing:border-box; } .top{ height:35px; margin-top:-35px; margin-right:1.5px; } .main{ height:100%; } .left { height:665px; width:30%; border: 1px solid #DADADA; margin-to原创 2014-11-22 11:49:23 · 90 阅读 · 0 评论 -
Css 表单
个 [/code][size=large][color=red]CSS样式[/color][/size][code="css"]/**表格head样式*/table .table_header{ background:#EFEEEE; font:bold 12px '宋体'; color:#333333; text-align:center;}/**节点明细label样式*/ .detail_label原创 2014-12-17 10:50:24 · 59 阅读 · 0 评论 -
CSS link和@import的区别
t[/color]。外部引用CSS两种方式link和@import的方式分别是:XML/HTML代码[code="html"] [/code]XML/HTML代码[code="html"] @import url("CSS文件"); [/code] [color=red]两者都是外部引用CSS的方式[/color],但是存在一定的区别: [color=red]区别1[/color]:l原创 2015-03-11 15:27:26 · 69 阅读 · 0 评论 -
CSS 页面置灰等待效果
x:999999; color:#444; left:50%; top:50%; margin-left:-90px; margin-top:-30px;}.tms-load-box img{ margin-right:10px;}.tms-load-mask{ height:100%; width:100%; position:fixed; z-index:99999; left:0; top:0; background: #545454原创 2016-06-01 11:18:48 · 104 阅读 · 0 评论 -
CSS NAV页面效果总结
yle:none; margin:0; padding:0; height:100%;} li{ float:left; margin-right:2px; background:#D1D1D1; height:100%; width:60px; text-align:center; color:#333333; cursor:pointer; font:12px '宋体'; line-height:30px;}/**tab节点选中原创 2016-07-11 09:17:37 · 226 阅读 · 0 评论 -
CSS td里面两个input不换行设置(white-space: nowrap)
原创 2016-07-14 16:54:57 · 1218 阅读 · 0 评论 -
CSS 点击div的同时显示或隐藏的div
den")){ $("#up").show("slow",function(){ $("#down").css("height",all-$("up").height()); }); }else{ $("#up").hide("slow",function(原创 2016-08-16 17:18:32 · 318 阅读 · 0 评论 -
CSS 块对象(独占一行)和内联对象
原创 2016-11-03 10:13:52 · 535 阅读 · 0 评论 -
js 在页面中跳转到指定位置
应的函数[/b][/color][/size][code="js"]function scrollTo(id){ jQuery("html, body").animate({ scrollTop: jQuery("#"+id).offset().top }, {duration: 500,easing: "swing"}); }[/code]原创 2017-10-24 15:29:47 · 1683 阅读 · 0 评论 -
js 鼠标移过去渐变的效果(页面固定 定位栏)
.hover:hover { background: #2B9DEE; border-radius:10px;/* transition: all 0.4s ease-in-out 0s; */ color: rgba(0,0,0,1);}table tr th{ vertical-align:sub;}[/code][size=medium][color=red][b]3.js代码[/b][/color][/size][code="j原创 2017-10-31 11:29:55 · 151 阅读 · 0 评论 -
CSS常用样式总结积累
display: inline-block; font: 12px/100% Arial,Helvetica,sans-serif; padding: 3px 12px; text-align: center; text-decoration: none; }[/code][b]text-align[/b] [color=red]设置或检索对象中内容的水平对齐方式[/color][b]text-decoration[/b原创 2014-10-28 20:28:21 · 81 阅读 · 0 评论 -
html pre标签使用(保留空格和回车等操作)
[size=medium][color=red][b]pre 元素可定义预格式化的文本。[/b][/size][/color][size=large][color=blue]被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。[/color][/size] 标签的一个常见应用就是用来表示计算机的源代码。做网页即时聊天时的文字输入框采用标签。[co...原创 2018-05-15 08:37:51 · 5518 阅读 · 0 评论 -
CSS 页面置灰等待效果
[code="html"] [/code][code="css"].tms-load-box{ display:inline-block; border: 2px solid #A1C5F7; padding: 13px 20px; background:#fff; position:fixed; z-inde...原创 2016-06-01 11:18:48 · 236 阅读 · 0 评论 -
CSS NAV页面效果总结
[code="html"]Untitled Document/**节点导航面板*/.center .nav{ border-bottom:2px solid #279CEA; height:30px; background:#FFFFFF; margin-top:5px;} ul{ list-style:none; ...原创 2016-07-11 09:17:37 · 205 阅读 · 0 评论 -
CSS td里面两个input不换行设置(white-space: nowrap)
[size=medium][color=red][b]定义和用法[/b][/color][/size][color=blue][b]white-space 属性设置如何处理元素内的空白。[/b][/color]这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。[color=blue][b]可能的值[/...原创 2016-07-14 16:54:57 · 1266 阅读 · 0 评论 -
CSS 点击div的同时显示或隐藏的div
[code="html"] xxxxx [/code][size=medium][color=red][b]点击up时up会显示或隐藏[/b][/color][/size][code="js"] function showorhide(){ // 显示 if($("#up").is(":hidden")){ $("...原创 2016-08-16 17:18:32 · 2076 阅读 · 0 评论 -
CSS 块对象(独占一行)和内联对象
[size=medium][color=red][b]块对象也称为块级元素,内联元素也称为行内元素[/b][/color][/size]① 块级元素(div,h1-h6,p,ul,dl,dd,form,table)② 行内元素[也叫内联元素](strong,em,span,b,i,a,img,input,iabel)[color=red][b]区别:[/b][/color]① ...原创 2016-11-03 10:13:52 · 180 阅读 · 0 评论 -
CSS常用样式总结积累
[color=red][size=large][b]1.把一个链接设置成一个按钮[/b][/size][/color][code="css"].saveButton{ border-radius: 0.5em; box-shadow: 0px 0px 1px ; cursor: pointer; display: inline-block...原创 2014-10-28 20:28:21 · 131 阅读 · 0 评论 -
CSS 可上下伸缩的PANEL
[size=large][b]html代码[/b][/size][code="html"]Untitled Document html,body{ height:99.9%; margin:0; } .box{ width:99%; margin:auto; padding-top:30px; box-s...原创 2014-10-30 19:35:47 · 178 阅读 · 0 评论 -
CSS 工作总结(nobr标签可以防止换行)
[code="HTML"] html,body{ height:100%; width:100%; margin:0px; min-width: 1200px; min-height: 600px; } .page{ height:100%; padding-top:35px; -webkit-box-sizing:border...原创 2014-11-22 11:49:23 · 144 阅读 · 0 评论 -
Css 表单
[size=large][color=red]table页面[/color][/size][code="html"] xx xxx xx xx xx 只数 只 x xx xx xx 个数 个 个 个 个 个 [/c...原创 2014-12-17 10:50:24 · 79 阅读 · 0 评论 -
js 在页面中跳转到指定位置
[size=large][color=red][b]1.页面中代码[/b][/color][/size][code="html"] 产品信息 单件信息 产品图片 产品说明书 [/code][size=large][color=red][b]2.跳转对应的函数[/b][/color][/size][code="js"]function scr...原创 2017-10-24 15:29:47 · 627 阅读 · 0 评论 -
js 鼠标移过去渐变的效果(页面固定 定位栏)
[size=medium][color=red][b]1.html代码[/b][/color][/size][code="html"] xxxx xxxxx xxx xx [/code][size=medium][color=blue][b]2.Css代码[/b][/color][/size][code="css"].hover...原创 2017-10-31 11:29:55 · 429 阅读 · 0 评论 -
html pre标签使用(保留空格和回车等操作)
原创 2018-05-15 08:37:51 · 1344 阅读 · 0 评论