Web标准:三、二列和三列布局】的更多相关文章

知识点: 1.一列固定宽度 2.一列固定宽度居中 3.一列自适应宽度 4.一列自适应宽度居中 5.一列二至多块布局   1)一列固定宽度 下图是定义了一个高300px,宽400px,颜色是#99FFcc的样式表. 显示如下:2)一列固定宽度居中 与一列固定宽度相比,只要加一个居中的属性即可,这里用到的是CSS的外边距属性:margin.增加属性margin:auto: 显示如下:3)一列自适应宽度 自适应宽度是相对于浏览器,将CSS中的“width:400px:”去掉,或者使用“width:10…
web标准简单来说可以分为结构.表现和行为.其中结构主要是有HTML标签组成.或许通俗点说,在页面body里面我们写入的标签都是为了页面的结构.表现即指css样式表,通过css可以是页面的结构标签更具美感.行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有js组成. web标准一般是将该三部分独立分开,使其更具有模块化.但一般产生行为时,就会有结构或者表现的变化,也使这三者的界限并不那么清晰. W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下…
web标准简单来说可以分为结构.表现和行为.其中结构主要是有HTML标签组成.表现即指css样式表,通过css可以是页面的结构标签更具美感.行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有js组成.web标准一般是将该三部分独立分开,使其更具有模块化.但一般产生行为时,就会有结构或者表现的变化,也使这三者的界限并不那么清晰. W3C对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范,包含如下几点: 对于结构要求:(标签规范可以提高搜索引擎对页面的抓取效率,对…
01.  WEB标准 ①  web标准 简单来说可以分为结构.表现和行为. ②  结构:主要是有HTML标签组成(通俗点说,在页面body里面我们写入的标签都是为了页面的结构)   表现:即指css样式表,通过css可以使页面的结构标签更具美感.   行为:是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有js组成. ③  web标准 一般是将该三部分独立分开,使其更具有模块化. 02.  W3C ①  W3C对web标准 提出了规范化的要求,也就是在实际编程中的一些代码规范:…
今天学习二列和三列布局,将涉及到以下内容和知识点 二列自适应宽度 二列固定宽度 二列固定宽度居中 xhtml的块级元素(div)和内联元素(span) float属性 三列自适应宽度 三列固定宽度 三列固定宽度居中 IE6的3像素bug 一.两列自适应宽度下面以常见的左列固定右列自适应为例,因为div为块状元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,就需要做助css的浮动来实现.首先创建html代码如下: <style>#side { background-color:#99F…
知识点: 1.二列自适应宽度 2.二列固定宽度 3.二列固定宽度居中 4.xhtml的块级元素(div)和内联元素(span) 5.float属性 6.三列自适应宽度 7.三列固定宽度 8.三列固定宽度居中 9.IE6的3像素bug   1)二列自适应宽度 div为块级元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,需要做css的浮动来实现. 在#side里面加上float:left;即可 说明:当我们不加float时,可以看到div占据的是一行 但是如果加了float:left后,…
Redis总结(五)缓存雪崩和缓存穿透等问题   前面讲过一些redis 缓存的使用和数据持久化.感兴趣的朋友可以看看之前的文章,http://www.cnblogs.com/zhangweizhong/category/771056.html .今天总结总结缓存使用过程中遇到的一些常见的问题.比如缓存雪崩,缓存穿透,缓存预热等等. 缓存雪崩 缓存雪崩是由于原有缓存失效(过期),新缓存未到期间.所有请求都去查询数据库,而对数据库CPU和内存造成巨大压力,严重的会造成数据库宕机.从而形成一系列连锁…
今天我们开始学习一列布局,包含以下几种形式: 1.一列固定宽度 2.一列固定宽度居中 3.一列自适应宽度 4.一列自适应宽度居中 5.一列二至多块布局 前一节我们回顾了xhtml基础和css基础部分,今天我们正式开始使用网页制作软件——adobe公司出品的dreamweaver来开始网页设计之旅.相信之前您已经用过这个软件了,具体怎么使用我就不讲了.为了照顾部分朋友,今天课程的css部分我们是以可视化生成方式,不过建议大家能手写的尽量还是手写,这样有助于提高效率. 一.一列固定宽度我们先看一下一…
Oracle字符串行拆分成列的三种方式 --muphy 开发过程中经常会遇到将前台多个值用逗号连接一同传递到后台查询,这个用逗号连接的字符串分隔的每个字符串分别对应Oracle数据库表的不同行. 如下一个表table_test的内容如下: name       value pa           5 pb           6 pc           8 需要查询分别与pa和pb相同的行,参数字符串为: pi_names=”pa,pb” 如何查询呢,有以下三种方式(根据执行计划分析,效率由…
.请教一个面试中遇到的SQL语句的查询问题 表中有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列. ------------------------------------------ select (case when a>b then a else b end ), (case when b>c then b esle c end) from table_name drop table table1 create table t…