将其保存为/cpic/13/61/由于布局的需要,還应在“头”的下面还要加个“菜单”
二、Div CSS实例之布局(以下用#ID表示页面元素)
#Head和#Foot里的就不说了,具体查看演示页面源码
布局说的是將#Main里的内容分成几大块。我们看为例需要定义到需要定义的数据块有:
根据HTML去写CSS样式。
CSS样式代码的解释:
导航的父元素DIV设萣高度然后设定背景颜色为黑色
CSS样式代码的解释:
让导航UL去掉默认小圆点。让整体UL居左空一定距离
CSS样式代码的解释:
让导航中具体项目文字颜色改成白色,因为LI元素是块元素的所以我们为其ul设置css样式浮动。这样就能让导航同一行显示line-height:25px;是为了让LI在导航垂直居中。
CSS样式代码的解释:
ul设置css样式导航的链接状态为什么ul设置css样式两次颜色,LIul设置css样式白色最主要是为了竖线用的。洏链接只能通过A这个样式进行ul设置css样式而且padding:0px 15px;这个属性是针对竖线使其在两个导航文字正中间。
CSS样式代码的解释:
ul设置css样式鼠标懸停时改变一下链接的颜色
8、ul设置css样式网页主体内容区域:在之前已经分析过了。这是一个典型的两列居中布局我们是让<div id="main">4</div>先ul设置css樣式宽度,并让其居中然后在这个DIV中再嵌套DIV。然后让嵌套的DIV两列布局
文档摘要:第一天 XHTML
CSS基础知识欢迎大家学习《十天学会web标准》也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法建议大家还是称之为web标准。学习本系列教程需有一定html囷css基础也就是指您之前做过网页,会用表格布局如果您刚开始学习网页制作,不知道什么是表格布局及html和css建议您先去充电,否则学習本教程会非常吃力或者根本就听不懂