http://blog.sina.com.cn/bdqnndxq[订阅]
个人资料
天津北大青鸟南大
北大青鸟南大校区开班信息:

第一学
周日班      11月22日 已满
名企委培班  11月23日 已满
周日班      11月29日 预约报名
名企委培班  11月30日 预约报名
第二学期
中级程序员班  11月30日  余4

第二学年
名企冲刺班    11月30日  
余3

预订电话:022-87893245

在线聊天
有事Q我有事Q我
评论
读取中...
友情链接
环球经济网

环球经济网最佳培训学校

软件行业协会

合作伙伴

今晚报社

合作伙伴

学校网址

计算机软件工程师教育

博文

 一些高级的div布局技巧

为了满足更多布局的要求,本节特别选择几个常用布局技巧。

(1)右边div元素宽度自适应。本例为并排2个div,其中左边的div为固定宽度,右边div为自适应宽度。常用于文章列表和文章内容的页面布局。在D:\web\目录下创建网页文件(XHTML1.0),命名为div_demo.htm,编写div_demo.htm文件代码如代码11.11所示。

代码11.11  右边div元素宽度自适应:div_demo.htm

 <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 
1.0 Transitional//EN' 'http://www.w3.
org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='
text/html; charset=gb2312' />
<title>右边div元素宽度自

    HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。表单是由窗体和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交和按钮等,这些输入框,按钮叫做控件,表单很像容器,它能够容纳各种各样的控件。

   在html语言中,标记<input>具有重要的地位,它能够将浏览器中的控件加载到html文档中,该标记是单个标记,没有结束标记。<input type=''>标志用来定义一个用户输入区,用户可在其中输入信息。此标志必须放在 <form></form>标志对之间.
 

type属性值定义

 

type属性取值

输入区域类型

控件的属性及说明

<input type='TEXT' size='' maxlength=''> 单行的文本输入区域,size与maxlength属性用来定义此种输入区域显示的尺寸大小与输入的最大字符数 (1)name 定义控件名称
使用DIV和SPAN标签(2009-11-14 16:27)

SPAN和DIV的区别在于:DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式。当其他行内元素都不合适时,可以使用SPAN。”

span 是个文本标签,里面只能是文本(innerText),不能放其他的控件,
div 是个容器,里面可以放其他的控件(html元素),

span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。

<span>在CSS定义中属于一个行内元素,而<div>是块级元素

使用DIV和SPAN标签(2009-11-14 16:27)

SPAN和DIV的区别在于:DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式。当其他行内元素都不合适时,可以使用SPAN。”

span 是个文本标签,里面只能是文本(innerText),不能放其他的控件,
div 是个容器,里面可以放其他的控件(html元素),

span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。

<span>在CSS定义中属于一个行内元素,而<div>是块级元素

央视的混合使用(2009-11-14 16:26)
样式表有三种:1.行内样式表2.内嵌样式表3.外部样式表.优先级依次向下排,最高优先级就是行内样式表,最低就是外部样式表.
外部样式表(2009-11-14 16:25)
将css代码添加到网页上有两种方法,一种是链接,另一种是导入。
 

我们先自己写一个css外部文件,命名为out.css。

用link链接css到一个网页。

<link rel='stylesheet' type='text/css' href='out.css' />

用@import导入css到一个网页。

@import out.css;

派生选择器(2009-11-14 16:24)
通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。
在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors),这是由于他们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,他们被称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的.
ID选择器(2009-11-14 16:22)
Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在w3c标准上这绝对是错误的使用.

ID选择器的定义格式
# ID名
{
   ...样式规则;
}

id 选择符为什么要少用,它有有什么局限性?
  单一使用的样式用id,需要程序、js动态控制的样式用id,id在页面只能使用一次!提供少用id,因为id可能和页面嵌的程序冲突(比如名称相同等)!

类选择器(2009-11-14 16:21)

如果有两个不同的标签要使用样式,这时用class选择器是一个不错的选择,它允许在网页中重复调用。
语法是:
.类名
{
    ...样式规则;
}

3 HTML选择器(2009-11-14 16:20)

HTML选择器使用HTML标签的名称来标识。如:P标签
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>无标题文档</TITLE>
<STYLE type='text/css'>
<!--
P {
   
 font-family: System;
 font-size: 18px;
 color: #3333CC;
}
H2 {
 background-color: #CCFF33;
 text-align: center;
}
a{
color:blue;
text-decoration:none;
}
a:hover{
color:red;
text-decoration:underline;
}
-->
</STYLE>
</HEAD>
<BODY>
<IMG src='fish2.jpg' width='342' height='83'>  
<H2>
品种特征方面:
</H2>
<P>
   1、蛋鱼:蛋鱼无背鳍、体圆凸、各鳍短小者称为蛋鱼,有红头、紫蛋鱼、五花蛋鱼等品种。挑选时应选择背鳍光滑平坦,无残鳍,无结疤,体短而肥圆,尾小而短,全身端正匀称的

高中生专区
分类
    内容读取中…
钟表
10月份就业信息


 ·王俊 女天津市蓝剑网际服务有限公司   软件测试工程师
 ·王铭 男天津市蓝剑网际服务有限公司      JAVA工程师
 ·黄磊 男天津北星博辉科技有限公司       在线技术支持
 ·靳梅 女天津迅尔仪表科技有限公司           网站优化
 ·崔悦 男南开创元信息技术有限公司        JAVA程序员
 ·沈磊 男天津迅尔仪表有限公司               网络优化
 ·潘龙 男 思达特科技                       JAVA程序员
  ·郑皓波男 天津佛特曼广告有限公司         JAVA程序员
  ·吕会忠 男 睿智载德信息管理科技发展有限公司JAVA程序员
  ·侯博龙男 天津九安医疗电子股份有限公司    .net程序员
  ·钮旭东男 天津慧科电子有限公司            .Net程序员
 ·崔悦  男 南开创元信息技术有限公司          C#程序员
 ·张培  女泰博软件技术有限公司         C#程序员
 ·刘钢  男爱德科技有限公司             java程序员
 ·刘文虎男思达特科技有限公司           技术支持
 ·刘成洋男北星博辉科技有限公司         技术支持
 ·辛军  男睿智载德信息管理科技         java程序员  
 ·吕会忠男睿智载德信息管理科技         java程序员
 ·张雷  男3G中国天津有限公司           项目组长
 ·赵建浩男3G中国天津有限公司           网页工程师
 ·张健宇男天津经纬科技有限公司         .Net程序员
 ·尉琨  男慧科电子有限公司             软件工程师
 ·查继光男慧科电子有限公司             软件工程师

招聘信息

百姓网公开招聘理论考试在我校举行:

百姓网天津板块在我校进行了公开招聘的理论知识考试和面试,从此正式建立了北大青鸟与百姓网的校企合作关系......

天津劳信劳动保障信息咨询服务有限公司在我校公开招聘:

天津劳信劳动保障信息咨询服务有限公司在我校设立了公开招聘的面试考场......

小工具
许愿瓶
图片幻灯
好友
读取中...
访客
读取中...