06 2017 档案

HTML/CSS：display:flex 布局教程
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 阅读全文
posted @ 2017-06-20 16:43 自转不息 阅读(1369) 评论(0) 推荐(0)
HTML/CSS：block，inline和inline-block概念和区别
摘要：总体概念 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block，inline和inl 阅读全文
posted @ 2017-06-15 17:23 自转不息 阅读(1122) 评论(0) 推荐(0)
HTML/CSS：导航栏水平和垂直
摘要：1.垂直导航栏 导航栏 = 链接列表导航栏基本上是一个链接列表，因此使用 <ul> 和 <li> 元素是非常合适的。如需构建垂直导航栏，我们只需要定义 <a> 元素的样式 演示： 代码： HTML CSS .nav {background-color: #F5F5DC;} .nav ul {marg 阅读全文
posted @ 2017-06-15 16:03 自转不息 阅读(24114) 评论(0) 推荐(0)
HTML/CSS：div水平与元素垂直居中（2）
摘要：单个div水平居中：设置margin的左右边距为自动 div水平和垂直居中，text-align和vertical-align不起作用，因为标签div没有这两个属性，所以再css中设置这两个值不能居中的效果 代码： HTML CSS 多个div水平居中：设置display的属性为inline-blo 阅读全文
posted @ 2017-06-14 22:33 自转不息 阅读(673) 评论(0) 推荐(0)
HTML/CSS：div居中和div内部元素垂直居中（1）
摘要：div居中 div水平和垂直居中，text-align和vertical-align不起作用，因为标签div没有这两个属性，所以再css中设置这两个值不能居中的效果 1. div水平居中:设置margin的左右边距为自动 6种元素垂直居中的方法 利用CSS进行元素的水平居中，比较简单，行级元素设置其 阅读全文
posted @ 2017-06-14 16:09 自转不息 阅读(7757) 评论(0) 推荐(0)
HTML/CSS：图片居中(水平居中和垂直居中)
摘要：css图片居中(水平居中和垂直居中) css图片居中分css图片水平居中和垂直居中两种情况，有时候还需要图片同时水平垂直居中， 下面分几种居中情况分别介绍: css图片水平居中 1.利用margin: 0 auto实现图片水平居中 利用margin: 0 auto实现图片居中就是在图片上加上css样 阅读全文
posted @ 2017-06-14 11:48 自转不息 阅读(208508) 评论(0) 推荐(2)