HTML布局与框架 |
您所在的位置：网站首页 › html框架frame › HTML布局与框架 |
|
HTML块
HTML块元素 块元素在显示时，通常会以新行开始 如：、 、 DOCTYPE html> 块 这里我演示是块元素 这里我演示是块元素 这里我演示是块元素
HTML内联元素 内联元素通常不会以新行开始，一般都会在一行 如：、、 DOCTYPE html> 块 这里我演示是块元素 这里我演示是块元素
HTML 元素 元素也被称为块元素，其主要是组合HTML元素的容器，其实这个元素，将一大堆元素框起来，然后用CSS来改变，就可以将那一大堆的元素一起改变，节省了程序员很多时间。如果没有标签的话，就要一个一个的去定义style，非常无聊的工作，而且效率还特别低 DOCTYPE html> div样式 div#test_div{ color: red; } 我是小P 我是li，我和我的兄弟们代表列表 我是li，我和我的兄弟们代表列表 我是li，我和我的兄弟们代表列表 我是h3，说h1太大了，让我来充数
HTML 元素 元素是内联元素，可作为文本的容器，只有在标签中的文字，才会被修改CSS样式 DOCTYPE html> div样式 span{ color: red; } 我是小p，我在span中，只有我这一段被更改了，看到了嘛？
HTML布局 布局 知道是定义一个块的了，那么就可以用来页面布局了。可以分别将定义成头部，左边菜单，中间正文，底部标签这几栏。只有修改这些定义过ID的那一块的内容就会跟着被修改，是不是很炫酷？ DOCTYPE html> div样式 /*定义全局的div布局*/ div#global{ /*设置宽度，设置百分比可以根据浏览器自适应宽度*/ width: 100%; /*设置高度，950px是设置是实体高度，不能自适应的*/ height: 800px; /*设置背景颜色，方便区分布局*/ background-color: silver; } /*定义头部布局，前面的div可以不用写，#号前面默认有个id，凡事定义了id的标签，都可以用#号来表示*/ #heading{ width: 100%; height: 100px; background-color: #BB80F7; } #content_menu{ width: 20%; height: 700px; background-color: #C5E9F3; /*定义浮动，不定义的话，界面会乱*/ float: left; } #content_body{ width: 80%; height: 700px; background-color: #F7575d; float: right; } #floor{ /*删除浮动，不然会被其他的浮动给遮住*/ clear: both; height: 100px; background-color: #8080FF } 我是头部的布局 我是正文部分，我想去左边的菜单呆着 我是正文部分 我在最下面，抢不到沙发，坐个地板可以吧HTML框架 框架就是在主页上，调用其他的html来定义它的位置，使它可以重复使用，就像Java里面的class一样。可以互相调用。可以先建3个不颜色的html DOCTYPE html> DOCTYPE html> DOCTYPE html>
框架 frame： 框架对于页面的设计有着很大的作用 框架集标签 ： 框架集标签定义如何将窗口分割为框架 每一个frameset定义一些列行或列 rows/cols的值规定了每行或者没咧占据屏幕的面积 cols：列 rows：行 （注：frameset要写在head中） DOCTYPE html>内联框架： iframe iframe可以设置一个框架嵌套一个框架。 DOCTYPE html> DOCTYPE html> DOCTYPE html> DOCTYPE html> |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |