什么是自适应网站模板?

html-css07

什么是自适应网站模板?,第1张

自适应网站模板就是能实现电脑、平板电脑、手机的自适应,不同像素终端获得同样的呈现效果,随着浏览方式的改变,网页实现多终端自适应。

本身是现成做好的自适应网站,用户下载自适应网站模板后,只需把原本网站的素材改成自己的东西,解决了如何才能在不同大小的设备上呈现同样的网页。

左右自适应两列布局:用到float属性  宽度按百分比设置。下图就是在手机中的样子

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

*{margin: 0padding: 0}

html,body{width: 100%height: 100%}

#left{

width: 60%

height: 100%

float: left

background: red

}

#right{

height: 100%

width: 40%

float: right

background: wheat

}

p{

color: white

font-size: 2em

line-height:1.5

font-weight: 800

text-indent: 2em

}

</style>

</head>

<body>

<div id="left">

<p>在建筑科学和环境科学领域,采用了国际先进的IDiDe项目管理模式,构建国际技术联盟,为建筑设计师、空间设计师、产品元素设计师提供跨文化的对话平台</p>

</div>

<div id="right">

</div>

</body>

</html>

Dreamweaver的“表格式数据导入(T)”功能

依据:Dw的“表格式数据导入(T)”功能可以将存有表格数据的UTF-8编码的TXT文档导入到软件当中

制作UTF-8编码的TXT文档

我们将表格数据直接拷贝到新建的TXT面板中,文件>另存为...,在“另存为”菜单面板右下角的“编码(E)”选择“UTF-8”,保存

Dw的“表格式数据导入(T)”功能

在Dw中点击菜单 文件>导入>表格式数据导入(T),选择TXT文件,导入

这时候表格的基本数据已经导入到DW中了,剩下的工作我们就可以编辑表格的基本样式

三、表格的自适应和单元格数据居中

以一个6X4的表格为例