摘要:
与上一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下:$(“prev ~ siblings”)其中参数prev与siblings两者... 阅读全文
posted @ 2015-02-13 16:36
小宾童鞋学吐槽
阅读(160)
评论(0)
推荐(0)
摘要:
长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。1、像素像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单位。... 阅读全文
posted @ 2015-02-13 15:23
小宾童鞋学吐槽
阅读(139)
评论(0)
推荐(0)
摘要:
网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码:body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-heigh... 阅读全文
posted @ 2015-02-13 15:10
小宾童鞋学吐槽
阅读(251)
评论(0)
推荐(0)
摘要:
关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。例子1:p{color:#000000;}可以缩写为:p{color: #000;}例子2:p{color: #336699;}可以缩写为:p{color: #369;} 阅读全文
posted @ 2015-02-13 15:01
小宾童鞋学吐槽
阅读(245)
评论(0)
推荐(0)
摘要:
还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为... 阅读全文
posted @ 2015-02-13 15:00
小宾童鞋学吐槽
阅读(148)
评论(0)
推荐(0)
摘要:
如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位... 阅读全文
posted @ 2015-02-13 14:26
小宾童鞋学吐槽
阅读(166)
评论(0)
推荐(0)
摘要:
如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏... 阅读全文
posted @ 2015-02-13 14:24
小宾童鞋学吐槽
阅读(159)
评论(0)
推荐(0)
摘要:
盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。比如:css代码:div{ width... 阅读全文
posted @ 2015-02-13 12:11
小宾童鞋学吐槽
阅读(140)
评论(0)
推荐(0)
摘要:
盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框:div{ border:2px solid red;}上面是border代码的缩写形式,可以分开写:div{ bor... 阅读全文
posted @ 2015-02-13 12:06
小宾童鞋学吐槽
阅读(129)
评论(0)
推荐(0)