码迷,mamicode.com
首页 >  
搜索关键字:页面布局    ( 1450个结果
css中的display以及position属性
我们都知道,元素分为行内元素和块级元素,在页面布局中,我们常常需要让行内元素具有块级元素的特性,或者使块级元素转换成行内元素,这就要使用我们的display属性了. 我们先定义三个div:以上的三个div都是块级元素,输出的结果为:块级元素的特征就是各占一行.接下来用display将第二个div.....
分类:Web程序   时间:2015-08-30 15:34:42    阅读次数:188
指尖的流连 8月29
蛋疼的一周,CSS页面布局到现在还是乱的, 有些地方总是搞不懂原理,英语差应该多记单词!CSS必掌握单词; padding(内边距);边框内容到边框是内边距 margin(外边距);边框外面是外边距, border(边框); border-style(边框的粗细) (缩写: border...
分类:其他好文   时间:2015-08-29 16:47:55    阅读次数:122
excel, word, ppt 小技巧积累
Excel: F5 快速定位; 相对引用的概念; 右下角直接拖动是复制,按住 ctrl 拖动是计数累加; 排序前,粘贴为数值后再排序; 多条件排序可以设置条件; ctrl+shift+方向键 选择区域(连续); shift+方向键,单行单列选中; ctrl+方向键,到四个角的单元格; 右下角分页预览,可以调整打印范围; 页面布局--打印标题; 不要随意调整图表图文的位置,选中...
分类:其他好文   时间:2015-08-29 12:40:04    阅读次数:143
Flex 布局相关用法
前言:布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局,2012年得到进一步完善。2009年...
分类:其他好文   时间:2015-08-28 21:04:56    阅读次数:306
JavaScript实现瀑布流布局以及页面的自动加载
在接触JavaScript之前,我们使用CSS进行页面布局的,我们来回顾一下怎样使用CSS实现瀑布流布局的? test1:使用到CSS中的一个属性column,之后我们可以指定容器的列数、列间距、列中间边距、列宽度来实现。 #container { -webkit-column-count: 5; /*-webkit-column-gap: 10px;...
分类:编程语言   时间:2015-08-28 19:45:24    阅读次数:244
【Material Design视觉设计语言】UI组件设计(六):分隔线
作者:郭孝星 微博:郭孝星的新浪微博 邮箱:allenwells@163.com 博客:http://blog.csdn.net/allenwells Github:https://github.com/AllenWells 分隔线 (Dividers) 主要用于管理和分隔列表和页面布局内的内容,以便让内容生成更好的视觉效果及空间感。 一 分隔线的功能分隔线主要用来分隔没有锚点的项。当在...
分类:编程语言   时间:2015-08-28 13:19:22    阅读次数:138
Flex 布局基础语法篇
网页布局(layout)是CSS的一个重点应用。 复制代码   布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。   2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它...
分类:其他好文   时间:2015-08-28 09:36:33    阅读次数:225
Jsp语法、指令及动作元素
一、JSP的语法    1、JSP的模板元素:(先写HTML)    就是JSP中的那些HTML标记    作用:页面布局和美化   2、JSP的Java脚本表达式:    作用:输出数据到页面上    语法:(实际上就是调用输出流打印到页面上)   3、JSP中的Java脚本片段:(实际开发中,应做到JSP中不能出现一行Java脚本片段...
分类:Web程序   时间:2015-08-28 00:55:27    阅读次数:213
Jsp语法、指令及动作元素
一、JSP的语法 1、JSP的模板元素:(先写HTML) 就是JSP中的那些HTML标记 作用:页面布局和美化2、JSP的Java脚本表达式: 作用:输出数据到页面上 语法:(实际上就是调用输出流打印到页面上)3、JSP中的Java脚本片段:(实际开发中,应做到JSP中不能出现一行...
分类:Web程序   时间:2015-08-28 00:44:05    阅读次数:206
【转】纯 CSS 实现高度与宽度成比例的效果
先来演示页面:Demo;转的内容:最近在做一个产品列表页面,布局如右图所示。页面中有若干个 item,其中每个 item 都向左浮动,并包含在自适应浏览器窗口宽度的父元素中。item 元素的 CSS 定义如下:.item { float: left; margin: 10px 2%; widt...
分类:Web程序   时间:2015-08-27 18:06:10    阅读次数:160
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!