随笔分类 -  CSS

html元素中class属性值多个空格分格
摘要：问题：比如 回答：同时指定了多个CSS样式，这里面的alert-info还可以换成alert-warning，alert-success等，这样分开多个class可以减少重复的代码，alert中的样式只写一次即可，而不用alert-warning，alert-info中都重复一遍，这么干侧重在于 C... 阅读全文
posted @ 2015-01-21 23:09 wiming 阅读(883) 评论(0) 推荐(0)
(十三)学习CSS之两个class连一起隔空格和逗号
摘要：1.时常见到css的这两种种写法：a.两个class隔空格连一起：.class1 .class2{......}b.两个class隔逗号连一起：.class1,.class2{......}2.举两个例子说明：两个class隔空格连一起,例A： 两个class隔空格连一起 ... 阅读全文
posted @ 2014-09-04 14:41 wiming 阅读(2327) 评论(1) 推荐(0)
(十二)学习CSS之box-sizing 属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_box-sizing.aspCSS3 box-sizing 属性定义和用法box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设... 阅读全文
posted @ 2014-09-04 10:58 wiming 阅读(223) 评论(0) 推荐(0)
(十一)学习CSS之float属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_class_float.asp定义和用法float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如... 阅读全文
posted @ 2014-09-03 09:25 wiming 阅读(194) 评论(0) 推荐(0)
(十)学习CSS之padding属性
摘要：浏览器支持所有浏览器都支持 padding 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。定义和用法padding 简写属性在一个声明中设置所有内边距属性。说明这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非... 阅读全文
posted @ 2014-09-03 09:02 wiming 阅读(198) 评论(0) 推荐(0)
(九)学习CSS之margin属性
摘要：参考：所有浏览器都支持 margin 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。定义和用法margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设... 阅读全文
posted @ 2014-09-03 08:57 wiming 阅读(177) 评论(0) 推荐(0)
(八)学习CSS之line-style-type属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_list-style-type.asp设置不同的列表样式：ul.circle {list-style-type:circle;}ul.square {list-style-type:square;}ol.upper-ro... 阅读全文
posted @ 2014-09-03 08:48 wiming 阅读(1094) 评论(0) 推荐(0)
(七)学习CSS之filter属性
摘要：filter: alpha(opacity=100,finishopacity=0,style=2)???alpha是来设置透明度的,它的基本属性是filter：alpha（opacity，finishopacity，style，startX，startY，finishX，finishY）.opac... 阅读全文
posted @ 2014-09-03 08:35 wiming 阅读(208) 评论(0) 推荐(0)
(六)学习CSS之color属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_text_color.aspcolor 属性规定文本的颜色。这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 borde... 阅读全文
posted @ 2014-09-03 00:50 wiming 阅读(275) 评论(0) 推荐(0)
(五)学习CSS之line-height属性
摘要：参考：http://www.jb51.net/w3school/css/pr_dim_line-height.htmline-height 属性设置行间的距离（行高）。注释：不允许使用负值。值 描述normal 默认。设置合理的行间距。number 设... 阅读全文
posted @ 2014-09-03 00:44 wiming 阅读(143) 评论(0) 推荐(0)
(四)学习CSS之position、bottom、left、right和top属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_class_position.aspposition 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对... 阅读全文
posted @ 2014-09-03 00:21 wiming 阅读(3186) 评论(0) 推荐(1)
(三)学习CSS之opacity 属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_opacity.aspopacity 属性设置元素的不透明级别。所有浏览器都支持 opacity 属性。注释：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。... 阅读全文
posted @ 2014-09-02 22:24 wiming 阅读(329) 评论(0) 推荐(0)
(二)学习CSS之cursor属性
摘要：参考：http://www.w3school.com.cn/tiy/t.asp?f=csse_zindexcursor 属性规定要显示的光标的类型（形状）。请把鼠标移动到单词上，可以看到鼠标指针发生变化：AutoCrosshairDefaultPointerMovee-resizene-resize... 阅读全文
posted @ 2014-09-02 22:17 wiming 阅读(186) 评论(0) 推荐(0)
(一)学习CSS之z-index属性
摘要：参考：http://www.w3school.com.cn/cssref/pr_pos_z-index.aspz-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例... 阅读全文
posted @ 2014-09-02 22:12 wiming 阅读(166) 评论(0) 推荐(0)
span文字在左背景图片在右
摘要：hello world！ 阅读全文
posted @ 2014-05-19 11:04 wiming 阅读(2312) 评论(0) 推荐(0)
css选择器，有箭头与没箭头的区别
摘要：div > span 和 div span 的区别 ，即有箭头和没箭头的区别div > spanspan 是 div 的下一层级关系在这种情况下找得到span元素： 但这种情况找不到 而 元素之间没有箭头的 div span 在这两种情况下... 阅读全文
posted @ 2014-05-07 00:39 wiming 阅读(1458) 评论(0) 推荐(0)
声明顺序 (Bootstrap 编码规范)
摘要：相关的属性声明应当归为一组，并按照下面的顺序排列：PositioningBox modelTypographicVisual由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。盒模型排在第二位，因为它决定了组件的尺寸和位置... 阅读全文
posted @ 2014-04-20 11:48 wiming 阅读(530) 评论(0) 推荐(0)