随笔分类 -  css深入

1
类似google日历的web日历控件——FullCalendar
摘要：FullCalendar是免费的web日历控件，类似于google日历：fullcalendar日历控件知识点集合，入门参考文章，写的很详细。官方文档：http://arshaw.com/fullcalendar/最简单的步骤：1.创建一个div2.导入js和css3.添加js代码4.ok! 阅读全文
posted @ 2013-04-16 16:41 jianhong 阅读(470) 评论(0) 推荐(0) 编辑
类似google日历的web日历控件——FullCalendar
摘要：FullCalendar是免费的web日历控件，类似于google日历：fullcalendar日历控件知识点集合，入门参考文章，写的很详细。官方文档：http://arshaw.com/fullcalendar/最简单的步骤：1.创建一个div2.导入js和css3.添加js代码4.ok! 阅读全文
posted @ 2013-04-16 16:41 jianhong 阅读(1035) 评论(0) 推荐(0) 编辑
css使用float属性后的覆盖问题
摘要：增加Server信息css如下：.right-span { float: right; padding-bottom: 10px; padding-right: 30px;}这段html会出现如下图的问题：后面的元素将前面的span覆盖了一部分。分析原因：span的高度没有，导致被... 阅读全文
posted @ 2013-02-19 18:03 jianhong 阅读(342) 评论(0) 推荐(0) 编辑
css使用float属性后的覆盖问题
摘要：增加Server信息css如下：.right-span { float: right; padding-bottom: 10px; padding-right: 30px;}这段html会出现如下图的问题：后面的元素将前面的span覆盖了一部分。分析原因：span的高度没有，导致被... 阅读全文
posted @ 2013-02-19 18:03 jianhong 阅读(1371) 评论(0) 推荐(0) 编辑
CSS布局浮动(float)和定位(position)属性的区别和使用
摘要：今天看到有朋友留言问浮动和定位有什么区别，如何使用？今天找了篇文章，讲的比较通俗易懂，供大家参考postion:relative是子块级元素面向父级元素的相对定位，定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位，但是position移动后，原位置依然保留。而且随... 阅读全文
posted @ 2013-02-11 22:37 jianhong 阅读(659) 评论(0) 推荐(0) 编辑
CSS布局浮动(float)和定位(position)属性的区别和使用
摘要：今天看到有朋友留言问浮动和定位有什么区别，如何使用？今天找了篇文章，讲的比较通俗易懂，供大家参考postion:relative是子块级元素面向父级元素的相对定位，定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位，但是position移动后，原位置依然保留。而且随... 阅读全文
posted @ 2013-02-11 22:37 jianhong 阅读(281) 评论(0) 推荐(0) 编辑
table边框设置
摘要：一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 borderco... 阅读全文
posted @ 2012-11-15 16:46 jianhong 阅读(175) 评论(0) 推荐(0) 编辑
table边框设置
摘要：一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 borderco... 阅读全文
posted @ 2012-11-15 16:46 jianhong 阅读(315) 评论(0) 推荐(0) 编辑
如何使用jquery是新tab形式
摘要：Label 1.1 Label 1.2 Label 1.3 Label 1.4 infomation 1.1 infomation 1.2... 阅读全文
posted @ 2012-11-15 15:02 jianhong 阅读(161) 评论(0) 推荐(0) 编辑
如何使用jquery是新tab形式
摘要：Label 1.1 Label 1.2 Label 1.3 Label 1.4 infomation 1.1 infomation 1.2... 阅读全文
posted @ 2012-11-15 15:02 jianhong 阅读(93) 评论(0) 推荐(0) 编辑
html中border的属性设置
摘要：border有如下属性：border-widthborder-styleborder-color设置方法：p { border:5px solid red; }如果不设置其中的某个值，也不会出问题，比如：border:solid #ff0000; 这三个值也可以分开设置：border-widt... 阅读全文
posted @ 2012-10-10 18:30 jianhong 阅读(533) 评论(0) 推荐(0) 编辑
html中border的属性设置
摘要：border有如下属性：border-widthborder-styleborder-color设置方法：p { border:5px solid red; }如果不设置其中的某个值，也不会出问题，比如：border:solid #ff0000; 这三个值也可以分开设置：border-widt... 阅读全文
posted @ 2012-10-10 18:30 jianhong 阅读(2589) 评论(0) 推荐(0) 编辑
display:inline-block 的含义
摘要：display:inline-block引用:将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 a b c dul { display: inline-block;}我的理解：它会将具有这个属性的对象，这里是ul元素呈现为内联对象，而对于ul里面... 阅读全文
posted @ 2012-09-29 10:34 jianhong 阅读(657) 评论(0) 推荐(0) 编辑
display:inline-block 的含义
摘要：display:inline-block引用:将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 a b c dul { display: inline-block;}我的理解：它会将具有这个属性的对象，这里是ul元素呈现为内联对象，而对于ul里面... 阅读全文
posted @ 2012-09-29 10:34 jianhong 阅读(291) 评论(0) 推荐(0) 编辑
如何让div自动包含其中的全部内容不溢出
摘要：1.不要为div设置overflow属性2.设置width为autooverflow 属性规定当内容溢出元素框时发生的事情。可能的值值描述visible默认值。内容不会被修剪，会呈现在元素框之外。hidden内容会被修剪，并且其余内容是不可见的。scroll内容会被修剪，但是浏览器会显示滚动条以便查... 阅读全文
posted @ 2012-08-07 11:29 jianhong 阅读(772) 评论(0) 推荐(0) 编辑
div高度、宽度100% div width、height 100%
摘要：正像你所知道的那样，设置DIV大小的有两个属性width和height，以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑，不明确这个100%的宽度（高度）到底有多宽有多高？这个100%是从哪里得到的从哪里继承的？今天我们的话题就是有关div高度100%的问题！其实，要弄懂div宽度|wi... 阅读全文
posted @ 2012-07-19 14:18 jianhong 阅读(463) 评论(0) 推荐(0) 编辑
chrome developer tool 调试技巧
摘要：这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 常规的断点相关的 bre... 阅读全文
posted @ 2012-07-13 17:18 jianhong 阅读(150) 评论(0) 推荐(0) 编辑
css可视化格式模型
摘要：3个重要的css概念：浮动、定位和盒模型1.盒模型当我们在css中设计一个块级元素的width和height属性时比如.box{width ：100px; height:100px}时，其中的width 和height仅仅是对content部分设置的，即定义上图中padding下虚线方框内区域的长和... 阅读全文
posted @ 2012-07-12 11:01 jianhong 阅读(317) 评论(0) 推荐(0) 编辑
css选择器
摘要：1.标记选择器h1{color:red;font-size:25px;}2.类别选择器.red{color:red;font-size:18px;}class选择器13.ID选择器#one{font-weight:bold; /*粗体*/}请不要将ID选择器用于多个标记。4.复合选择器（1）‘交集’... 阅读全文
posted @ 2012-07-12 10:28 jianhong 阅读(122) 评论(0) 推荐(0) 编辑
CSS特殊性
摘要：我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果... 阅读全文
posted @ 2012-07-12 10:00 jianhong 阅读(188) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示