css选择器 css与html的关系 css以html为基础 css主要设置的就是html标签中的属性样式,css进行网页布局。 css语法 选择器{属性:值,属性:值} css选择器 基本选择器 *{margin:0; padding:0}网页中所以的标配都可以用 p{ font-size:2px ...
分类:
Web程序 时间:
2017-07-13 20:23:46
阅读次数:
177
响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一:正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠 ...
分类:
其他好文 时间:
2017-07-12 16:13:03
阅读次数:
136
一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚 ...
分类:
其他好文 时间:
2017-07-10 20:14:27
阅读次数:
815
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> /*上左不动,其他的可以滑动*/ *{ margin: 0px; padding:0px; } #on ...
分类:
Web程序 时间:
2017-07-06 18:41:54
阅读次数:
191
<style> /*上中下结构的布局,顶部不会动*/ *{ margin: 0px; padding:0px; } #one{ background:#1DC9D8; z-index: 1; width:100%; height: 100px; position: fixed; } #head{ b ...
分类:
Web程序 时间:
2017-07-06 17:01:56
阅读次数:
255
一、SiteMesh介绍SiteMesh是一个JavaWEB项目的网页布局和修饰框架。使用SiteMesh后就不再需要在每个页面中都用<jsp:include>标签引入页头、页尾、导航等其他公用页面了。可以将网页的内容和页面结构分离,达到页面结构共享的目的。页面装饰效果耦合在目标页面中,无需使..
分类:
Web程序 时间:
2017-07-04 14:52:45
阅读次数:
130
CSS盒模型是CSS可视化格式化系统的基石,它是理解样式表如何工作的核心概念,盒模型可以用于元素定位和网页布局。内边距padding是内容区和边框border之间的区域,元素盒在页面上占据的总宽度是左边的外边缘到右边的外边缘之间的距离。使用width和height属性可以设置块级元素或内嵌可替换元素 ...
分类:
Web程序 时间:
2017-07-01 11:51:39
阅读次数:
208
在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer) 流动模型 流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所 ...
分类:
Web程序 时间:
2017-06-29 23:54:07
阅读次数:
328
1.花式连字符(&) 这个类应该在span元素里使用,并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。 2.段落首字符下沉 通常,这种效果会出现在印刷媒体上,如报纸或书籍。同样,如果网页布局合理,它也可以使用在Web页面上,它仅针对段落使用,但你也可以与单个元素绑定。 3.内层CS ...
分类:
Web程序 时间:
2017-06-28 13:15:47
阅读次数:
229
恢复内容开始 我对于bootstrap定义与一种插件,他可以使我们的网页布局更加的炫酷,更加的整洁和合理。他的优点不多说,缺点一个就够我们头疼的,那就是需要记一些长长的英文名。 我为大家说几种常用的bootstrap的常用功能,希望你们用到的时候,可以来看下。 <nav class="navbar ...
分类:
其他好文 时间:
2017-06-25 20:18:36
阅读次数:
168