css那些事 - 随笔分类 - 妮小朱

绝对定位

摘要：1.absolute元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 2.绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。 3.absolute定位的margin定位其实是不冲突的，他们可以同时作用，不管有没有设置定位值阅读全文

posted @ 2017-02-25 01:46 妮小朱阅读(114) 评论(0) 推荐(0)

各种情况的水平垂直居中

摘要：1.单行文本的水平垂直用height ＝ line－height ＋ text－align：center 2.内外宽高都知道的盒子可以用padding让上下相同，左右相同。css3中有calc()函数来算。 3.用margin来实现。水平方向上的可以直接margin－left：auto；margi 阅读全文

posted @ 2017-02-08 17:32 妮小朱阅读(146) 评论(0) 推荐(0)

双飞翼布局和圣杯布局

摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .main { width: 100%; background-color: black; min-height: 30px; 阅读全文

posted @ 2016-02-29 17:14 妮小朱阅读(171) 评论(0) 推荐(0)

css中选择符

摘要：1.通配选择符*{}2.类选择符.className{}3.包含选择符 (派生选择符或后代选择器) p strong{}4.子选择符 body>strong{}其中strong是body下的子元素 IE7以下不支持5.相邻选择符 p+strong {} 其主要作用是匹配同一个父级下某个元素之后... 阅读全文

posted @ 2015-08-07 14:25 妮小朱阅读(119) 评论(0) 推荐(0)

css中简写

摘要：1属性值名称过长并带有空格，一定要将属性值用引号包含body{ font-family: 'sans serif';}您也许已经注意到了，上面的例子中使用了单引号。只有当字体名中有一个或多个空格（比如 New York），或者如果字体名包括 # 或 $ 之类的符号，才需要在 font-fami... 阅读全文

posted @ 2015-08-07 13:56 妮小朱阅读(391) 评论(0) 推荐(0)

随笔分类 - css那些事