首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  CSS

摘要:http://lite-ext.googlecode.com/svn/trunk/lite-ext/playground/vertical-center/image-center.html 阅读全文

posted @ 2013-07-03 13:08 达奇 阅读(351) 评论(2) 推荐(0)

摘要:BFC(Block Formatting Context)1. BFC的定义是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。在创建了 Block Formatting Context 的元素中,其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。在 Block Formatting Context 中相邻的块级元素的垂直边距会折叠(collapse)。在 Block Formatting Context 中,每一个元素左外边与包含块的左边相接触(对于从右到 阅读全文

posted @ 2013-03-19 14:14 达奇 阅读(210) 评论(0) 推荐(0)

摘要:@charset "utf-8";/* CSS Document *//*CSS reset css重置*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0}address,caption,cite,code,dfn,em,strong,th,va 阅读全文

posted @ 2012-10-28 20:19 达奇 阅读(720) 评论(0) 推荐(0)

摘要:HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现: 由于placeholder是个新增属性,目前只有少数... 阅读全文

posted @ 2012-08-10 18:41 达奇 阅读(7506) 评论(2) 推荐(0)

摘要:Background(背景):背景附件、背景颜色、背景图像、背景位置、背景重复 Border(边框):边框颜色、边框风格、边框宽度 border-bottom(底部边框):底部边框颜色、底部边框样式、底部边框宽度 border-left(左侧边框):左侧边框颜色、左侧边框样式、左侧边框宽度 border-right(右侧边框):右侧边框颜色、右侧边框样式、右侧边框宽度 border-top(顶部边框):顶部边框颜色、顶部边框样式、顶部边框宽度 font(字体):字体、字号、字体样式、字体粗细、字体变体、线高度、字体大小调整、字体拉伸 list-style(列表样式):列表样式图像、列表样式位. 阅读全文

posted @ 2012-08-02 20:04 达奇 阅读(198) 评论(0) 推荐(0)

摘要:_xxx:1px;-----------ie6*xxx:1px;-----------ie7xxx:1px\0;----------ie89xxx:1px\9\0;--------ie9:root xxx:1px; ----ie9(实际情况可能ie9还是有问题,再用这种方式)基本上就可以兼容所有IE有时间了再整理其他浏览器hack 阅读全文

posted @ 2012-07-20 18:32 达奇 阅读(297) 评论(2) 推荐(0)

摘要:现在浏览网页主要用chrome,因为chrome的速度确实快,包括启动速度和加载网页的速度,比ie和ff快得多,不过看评测OPERA的新版本加载网页速度更快,由于没有用过OPERA,不好评价.我在用chrome和FF显示我的html文件的时候,发现它们的结果有所出入,我先不管是什么原因造成的,先hack一下再说,可是以前用过的css hack 都是针对ie,ff,opera,这个chrome和ff该怎么区分呢?试了几个ie,ff的hack方法,都不行,上网搜索,看到很多人说可以用@media screen and (-webkit-min-device-pixel-ratio:0) { bod 阅读全文

posted @ 2012-05-10 13:03 达奇 阅读(187) 评论(0) 推荐(0)

摘要:important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 阅读全文

posted @ 2012-02-03 13:48 达奇 阅读(287) 评论(0) 推荐(0)

摘要:CSS 中文 全角 标点符号 导致 VS2010 崩溃 比如冒号 小括号 逗号 等等。 请使用DW的美工同学手下留情。 阅读全文

posted @ 2011-05-22 22:17 达奇 阅读(418) 评论(0) 推荐(0)