随笔分类 -  CSS

内联与块
摘要:内联元素会根据父级块元素 自动在里面排版 对于内联元素 在div里 设置div的text-align: right; 就可以设置内联元素在div的右侧显示 阅读全文
posted @ 2017-02-08 10:09 路过的二师兄 阅读(119) 评论(0) 推荐(0)
div垂直居中
摘要:1 行高和div相同2 外层div 设置 display: table-cell; vertical-align: middle; 阅读全文
posted @ 2017-02-08 10:08 路过的二师兄 阅读(96) 评论(0) 推荐(0)
元素水平对齐
摘要:vertical-align:top; 两个在一个大div下的两个小div,都是inline-block,两个div连不上,设置body字体为font-size为0,两个就连上了 阅读全文
posted @ 2017-02-08 10:08 路过的二师兄 阅读(207) 评论(0) 推荐(0)
自适应 方法
摘要:相对大小的字体字体也不能使用绝对大小(px),而只能使用相对大小(em)。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代码指定,字体大小是页面默认大小的100%,即16像素。 h1{font-size: 1.5em;}然后,h1的 阅读全文
posted @ 2017-02-08 10:08 路过的二师兄 阅读(164) 评论(0) 推荐(0)
自适应 自编css
摘要:* { margin: 0; padding: 0; } .noMP{margin: 0;padding: 0;} html{width:100%;height:100%;} body{width:100%;height:100%;zoom: 1; overflow:auto;font: norma 阅读全文
posted @ 2017-02-08 10:07 路过的二师兄 阅读(160) 评论(0) 推荐(0)
margin padding
摘要:在使用bootstrap的时候 行内的div一个宽200px的divmargin 10 的话 宽就是210px padding 10 的话 宽还是200px div内容宽就剩190pxborder 跟padding一样算入div的宽度 border宽加div宽=div设的宽度bootstrap 在使 阅读全文
posted @ 2017-02-08 10:01 路过的二师兄 阅读(212) 评论(0) 推荐(0)
三行单列 上下固定高度 中间自适应
摘要:1:方法一<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www 阅读全文
posted @ 2017-02-08 09:59 路过的二师兄 阅读(148) 评论(0) 推荐(0)
CSS 定位机制
摘要:CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 相对定位是“相对于”元素在文档中的初始位置 绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没已定位的祖先元素,那么它的位置相对于最初的包含块。脱离文档流,他的宽高设成%的话,是它相对的 当sub1的父对象(或曾祖父,只要是父级对象)p 阅读全文
posted @ 2017-02-08 09:58 路过的二师兄 阅读(144) 评论(0) 推荐(0)
浮动div高度为百分比解决方案
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2017-02-08 09:55 路过的二师兄 阅读(1438) 评论(0) 推荐(0)
CSS position绝对定位absolute relative
摘要:常常使用position用于层的绝对定位,比如我们让一个层位于一个层内具体什么位置,为即可使用position:absolute和position:relative实现。 一、position语法与结构 - TOP position语法: position : static absolute rel 阅读全文
posted @ 2016-06-21 19:45 路过的二师兄 阅读(327) 评论(0) 推荐(0)