转:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方 ...
分类:
其他好文 时间:
2018-12-14 10:53:15
阅读次数:
159
原文:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局 ...
分类:
其他好文 时间:
2018-11-30 00:34:56
阅读次数:
258
移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" content="no"> 1、关闭iOS键盘首字母 ...
分类:
移动开发 时间:
2018-11-24 00:50:38
阅读次数:
299
网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 ...
分类:
其他好文 时间:
2018-11-19 11:09:30
阅读次数:
211
一、前端技术 1、HTML HTML(hypertext markup language)超文本标记语言,不同于编程语言。 超文本就是超出纯文本的范畴,描述文本的颜色、大小、字体。 HTML由一个个标签组成,标签各司其职,有的提供网页信息,有的负责图片,有的负责网页布局。 超文本需要显示,就得有软件 ...
分类:
Web程序 时间:
2018-11-13 02:32:47
阅读次数:
218
基本概念 盒子模型,英文即box model。无论是div、span、还是a都是盒子,他们在网页上都要占据一定的空间,在进行布局的时候需要考虑他们所占据的空间大小。 例外情况:图片、表单元素作为文本处理,不作为盒子模型计算。 盒子模型主要CSS属性 盒子的属性有5个:width、height、pad ...
分类:
Web程序 时间:
2018-11-06 11:08:40
阅读次数:
148
CSS(Cascading Style Sheet,层叠样式表)类似于表格、框架,是一种网页布局方式,但相对于表格、框架来说,CSS是一种标准的格式化网页的方式,是主流。 优点: 将格式和结构分离 精确控制页面布局 制作体积更小、下载更快的网页 可以实现许多网页同时更新(重用) HTML标记选择器示 ...
分类:
Web程序 时间:
2018-10-07 13:51:00
阅读次数:
158
CSS3外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。-outline-color:定义轮廓线的颜色,属性值为CSS中定义的颜色值。在实际应用中,省略时此参数的默认值为黑色。-outline-style:定义轮廓线的样式,
分类:
Web程序 时间:
2018-10-05 14:58:03
阅读次数:
431
css核心内容--流 流:在现实生活中就是流水,在网页设计中就是元素的排列方式。 标准流:元素在网页中就像流水,排在前面的元素内容前面出现,排在后面的元素内容后面显示。 这种布局方式就称为标准流的布局方式。 css的标准流/非标准流: 标准流,在网页布局中,写在前面的元素出现在前面,出现在后面的元素 ...
分类:
Web程序 时间:
2018-09-30 14:59:02
阅读次数:
139
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各 ...
分类:
其他好文 时间:
2018-09-19 16:23:03
阅读次数:
165