随笔分类 -  css

摘要:CSS命名 仅作参考。 (1)页面结构类 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper (2)导航类 导航:nav 主 阅读全文
posted @ 2016-05-06 13:48 animagi 阅读(113) 评论(0) 推荐(0)
摘要:转自 http://www.w3cplus.com/content/css3-gradient CSS3的线性渐变 一、线性渐变在Mozilla下的应用 参数:其共有三个参数,第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二 阅读全文
posted @ 2016-04-12 12:24 animagi 阅读(570) 评论(0) 推荐(0)
摘要:浏览器结果显示如下: 半径35px,div高度35px;直径小于div高度时,直径按照div高度计算 阅读全文
posted @ 2016-04-05 11:27 animagi 阅读(355) 评论(0) 推荐(0)
摘要:z-index只能在position属性值为relative或absolute或fixed的元素上有效。 z-index只决定同一父元素中的同级子元素的堆叠顺序。 position:absolute 的包含块 外有overflow-hidden时,绝对定位元素也会被挡住 阅读全文
posted @ 2016-03-23 15:05 animagi 阅读(448) 评论(0) 推荐(0)
摘要:1、 Haml 全名为 HTML Abstract Markup Language,主要就是让开发者能够使用缩排的方式撰写 HTML,做到永不忘记关 Tag 的效果。 例如:%h1= "Hello World" 产生的html代码是: <h1>Hello World</h1> 排版轻松,但不直观,l 阅读全文
posted @ 2016-03-18 14:14 animagi 阅读(167) 评论(0) 推荐(0)
摘要:(更新中) 1、取消浏览器form中默认样式 a、chrome下input和textarea的聚焦边框 input,button,select,textarea{outline:none} b、取消chrome下textarea可拖动放大 textarea{resize:none} c、解决chro 阅读全文
posted @ 2016-03-14 10:55 animagi 阅读(269) 评论(0) 推荐(0)