1、块级元素、行内元素、文档流通过对每个盒子的外边矩、边框、内边矩、内容、位置的精确控制,CSS可以实现复杂而精准的页面布局。块级元素,这类元素默认有换行效果,典型的如div行内元素,这类元素默认没有换行效果,典型的如span文档流,HTML元素在页面上显示时,根据在源码..
分类:
Web程序 时间:
2016-09-01 00:30:02
阅读次数:
682
section和div 一、DIV div元素在 html5 之前就是非常常用的标签,它本身没有任何语义,用来页面布局和CSS 样式以及 JS 调用。 1.如果是页面布局,且不是 header、footer 之类的专属区域,都应该使用 div; 2.如果只是单纯的对一个端内容进行 CSS 样式定义, ...
分类:
其他好文 时间:
2016-08-30 13:27:42
阅读次数:
129
前言:通过一个月的学习,以及几个 项目的练习。大致掌握了基本的html+css的网页布局开发。在其期间学习到很多知识,也遇到过不少的问题。 1.html作为基本的页面布局结构,大致需要掌握的是文档中各元素的层级关系。其关系直接影响到后面css的设置问题。因此需要对一个网页的布局进行精细的考虑。做到结 ...
分类:
其他好文 时间:
2016-08-29 23:56:55
阅读次数:
187
五个参数:相对位置两个,模糊程度一个,放大程度一个,颜色一个。 如果想要逼真的阴影,一般需要很多个阴影相互叠加。 前一个绿条含阴影,但是不明显,只因风不够大。风起,绿条起,造成大的阴影。 learn by w3shools.bootcss.com 这个网站还有很多很棒的东西,比如说页面布局动态响应、 ...
分类:
其他好文 时间:
2016-08-29 22:31:57
阅读次数:
166
1.html5介绍 html5是基于html4之上的,功能更加完善更加强大,现在更多的浏览器都已经能够兼容html5许多新增功能。所有在html4的基础上我们需要完善对html5功能的了解和使用。 1.1 新增语义标签 在html4中,我们往往会使用div进行大盒子套小盒子的方法来进行页面布局,在做 ...
分类:
Web程序 时间:
2016-08-28 13:45:28
阅读次数:
166
30分钟掌握这8种页面布局 学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评。然而万变不离其宗,移动端页面常用的布局,不外乎以下8种。 1.列表式布局 特点:内容从上向下排列,导航之间的跳转要回到初 ...
分类:
其他好文 时间:
2016-08-26 15:22:07
阅读次数:
206
示例代码 -1 (利用HTML5标签及浮动布局) 主链接一 主链接二 主链接三 左侧导航栏链接1 左侧导航栏链接2 主题内容标题1 ...... ... ...
分类:
其他好文 时间:
2016-08-23 16:27:17
阅读次数:
242
1、Tab切换简写版1 页面布局如下: 关于点击事件样式如下: 默认样式如下: JS代码: 2、Tab切换简写版2 页面布局与默认样式设置与上面相同 JS代码: ...
分类:
编程语言 时间:
2016-08-21 15:09:00
阅读次数:
254
垂直居中解决方法: 方法1:table-cell+vertical-alignl .parent{display:table-cell;vertical-align:middle;} 方法2:absolute+transform .parent{position:relativee;} .child ...
分类:
其他好文 时间:
2016-08-20 12:56:05
阅读次数:
124
水平居中的实现方法: 案例: <div class="parent"> <div class="child">DEMO</div> </div> 方法1:inline-block+text-align .child{display:inline-block;} .parent(text-align: ...
分类:
其他好文 时间:
2016-08-20 11:34:43
阅读次数:
110