摘要: <div style="display: inline-block" > <p> hell</p> <p> hell</p> <p> hell</p> </div> <div style="display: inline-block" > <p> hell</p> <p> hell</p> <p> 阅读全文
posted @ 2018-05-01 10:58 sysnap 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 1 DIV块中 元素垂直居中 作者:知乎用户链接:https://www.zhihu.com/question/20543196/answer/99429177来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 block 元素 block 元素利用绝对定位以及负外边距, 阅读全文
posted @ 2018-04-30 17:25 sysnap 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 文档流指元素在文档中的位置由元素在html里的位置决定,块级元素独占一行,自上而下排列;内联元素从左到右排列脱离文档流的方式: 浮动,通过设置float属性 绝对定位,通过设置position:absolute 固定定位,通过设置position:fixed 定位 1 relative,relati 阅读全文
posted @ 2018-04-30 16:53 sysnap 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。 比如:<input /> type="text" 的是,这是一个文本输入框,换一个其他的时候,浏览器显示就不一样 (X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元 阅读全文
posted @ 2018-04-30 08:25 sysnap 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束) block元素特点 1 总是在新行上开始; 2 高度,行高以及外边距和内边距都可控制; 3 宽度缺省是它的容器的100%,除非设定一个宽度。 4 它可以容纳内联元素和其他块元素 inline元素特点 阅读全文
posted @ 2018-04-30 08:23 sysnap 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 作者:呆呆笨笨链接:https://www.zhihu.com/question/32233356/answer/196799506来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 本答案将以两种方式讲解如何从零开始使用 Semantic-UI,其中第一种方式仅要求读者 阅读全文
posted @ 2018-04-28 13:01 sysnap 阅读(4726) 评论(0) 推荐(1) 编辑
摘要: <div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能,最直接解释方法就是能实现表格布局的多列功能 比如 <div >hello </div><div >hello </div> 正常会显示成俩行 添加float属性之后,则会挨着显示 .c1 { float: le 阅读全文
posted @ 2018-04-24 19:58 sysnap 阅读(120) 评论(0) 推荐(0) 编辑
摘要: http://www.w3school.com.cn/cssref/css_selectors.asp CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。) 阅读全文
posted @ 2018-04-23 18:36 sysnap 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 1 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的 2 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12 阅读全文
posted @ 2018-04-23 18:24 sysnap 阅读(155) 评论(0) 推荐(0) 编辑
摘要: http://www.liquidapsive.com/ 1 静态布局(Static Layout)网页上的所有元素的尺寸一律使用px作为单位。特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话 阅读全文
posted @ 2018-04-23 11:09 sysnap 阅读(156) 评论(0) 推荐(0) 编辑