网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 ...
分类:
其他好文 时间:
2018-09-14 17:26:52
阅读次数:
229
一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚 ...
分类:
其他好文 时间:
2018-09-07 20:16:05
阅读次数:
219
优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 准备工作1:设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: <meta name="viewpo ...
分类:
Web程序 时间:
2018-09-04 22:31:45
阅读次数:
235
简单介绍 SiteMesh 是一个网页布局和修饰的框架,利用它可以将网页的内容和页面结构分离,以达到页面结构共享的目的。 Sitemesh是由一个基于Web页面布局、装饰以及与现存Web应用整合的框架。它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观,如一致的导航条,一致的banner, ...
分类:
其他好文 时间:
2018-08-22 14:05:55
阅读次数:
248
小弟是学python的,今天在上网时看到一个商城网站,正好昨天学到了CSRF跨站请求,就对这个商城网站进行了一波测试 可以看到网页布局做的还是很不错的,然后进入了注册页面看看 之后就开始测试了 正常请求是返回上面这串json 然后用postman进行测试,将前面的CSRFtoken拿过来进行测试,发 ...
分类:
Web程序 时间:
2018-08-22 14:01:02
阅读次数:
193
Flex布局又称弹性布局,在小程序开发中比较适用。因此将Flex布局相关属性整理如下,搞清楚了这个布局,小程序开发的页面布局就不在话下了。 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对 ...
分类:
微信 时间:
2018-08-19 23:24:12
阅读次数:
290
html中的定位体系 一、 分类 1、常规流static 2、浮动float 3、相对定位relative 4、绝对定位absolute 5、固定定位fixed 二、使用时的区分 在网页布局中,常常都会使用到这5中定位方式 ,总体分为三大类:静态static、浮动float、绝对定位(relativ... ...
分类:
Web程序 时间:
2018-08-19 23:19:21
阅读次数:
249
本篇主要介绍css的常用样式,以及网页布局相关知识、绝对定位和相对定位,盒子模型、css权重、以及css选择器; 一、CSS载入方式 二、CSS选择器 三、浮动 四、相对地址和绝对地址 五、CSS显示特性-display 六、CSS元素溢出 七、CSS权重 ...
分类:
Web程序 时间:
2018-08-17 23:24:55
阅读次数:
198
1.div div是html的一个标签,是块级元素,单独使用没有意义,必须结合css来使用,进行网页布局 2.span span是一个html标签,是一个内联元素,主要对括起来的内容进行修饰 3.<style type="text/css"></style> 此标签内进行写css 4.css的选择器 ...
分类:
Web程序 时间:
2018-07-27 12:15:10
阅读次数:
155
资料来源于阮一峰http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那 ...
分类:
其他好文 时间:
2018-07-18 13:51:02
阅读次数:
158