定制网站建设公司:HTML代码和CSS
经验的普通使用者也能快速地读懂。
(2)内联元素(inline element)。内联元素一般都是基于语义级的基本元素。内联元素
只能容纳文本或者其他内联元素。常见的内联元素为<a>。
块元素和内联元素都是HTML语言规范中的概念。块元素和内联元素的基本差异是,
块元素-fi都从新的一行开始。而当加入了CSS控制后,块元素和内联元素的这种属性差
异就不算是差异了。
当内联元素在CSS中定义下列属性中的一种时,便具有块元素的特征:
①display:block。
②float:left(不但具有块元素的特征,同时还向左侧浮动)。
但是,这两种定义下的内联元素还有一点区别:
第一种,彻头彻尾和块元素一模一样,都要单独占一行,在没有width和height属性的前
提下,从左至右排列,严格遵循流动布局模型块状元素的流动方式,自上至下流动。
第二种,大小恰好能将内容包含,并且右侧浮动,可以多个元素在一行。
当加上position:absolute/relative的时候,块元素和内联元素就不受父级区域的限制了,
可以移动到任何位置,此时如果加上width和height属性,那么就具有层的特征了。
观察图3 -33所示网页的构成。
图3 -33网页示例
表3 -2列出了页面模块的常用命名。
任务3掌握CSS层叠样式表
表3 -2页面模块的常用命名
页面模块名称 | 页面模块命名 | 页面模块名称 | 页面模块命名 |
头 | header | 热点 | hot |
内容 | content/container | 新闻 | news |
尾、页脚 | footer | 下载 | download |
导航 | nav | 子导航 | suDnaV |
侧栏 | sidebar | 菜单 | menu |
栏目 | colUmn | 子菜单 | suDmenU |
页面外围控制 整体布局宽度 | wrapper | 搜索 | search |
左、右、中 | left \right \center | 友情链接 | friendlink |
登录条 | loginbar | 页面主体 | maln |
标志 | logo | 版权 | copyright |
广告 | Danner | 滚动 | scroll |
至此,页面布局与规划已经完成,接下来要做的就是开始书写HTML代码和CSS。
用“记事本”编写如下代码并保存为3 _4_1.htm文件。
本文地址:
http://www.yishenzhou.com/yes/post/439.html | 分类:vi设计 |
次阅读