css初级教程 操作方法如下

html-css08

css初级教程 操作方法如下,第1张

1、CSS 概述CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一

2、HTML 标签原本被设计为用于定义文档内容。通过使用

,

,

这样的标签,HTML 当初被指望用来表达“这是标题”、“这是段落”、“这是表格”之类的信息。而文档的布局被期望由浏览器来完成,而不使用任何的格式化标签。由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范之中,因此创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出 STYLES(样式)。所有的主流浏览器均支持层叠样式表。样式表极大地提高了工作效率

3、样式表定义如何显示 HTML 元素,诸如 HTML 3.2 的样式中的字体标签和颜色属性通常被保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面布局的外观。

4、由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你可以为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局变换,只需简单地改变样式,然后网站中的所有元素均会被自动地更新。

5、多重样式将层叠为一个 样式表允许以多种方式规定样式信息。样式可以被规定于单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在一个单一的 HTML 文档内部引用多个外部样式表。

6、层叠次序,当同一个HTML元素被不止一个样式所定义时,会使用哪个样式呢,一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。浏览器缺省设置外部样式表内部样式表(位于 <head>标签内部)内联样式(在 HTML 元素内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head>标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。 小玉玉10-11 17:15优质作者 关注 为你推荐pdf如何转换成word 换成word的步骤 什么的神州组词 神州介绍 特种兵的电视剧有哪些 每部都是经典 美是理念的感性显现这么理解 美是理念的感性显现是什么意思 碧绿碧绿类似的词语 abab式的词语大全王子变青蛙插曲 插曲有哪些 吃什么能瘦脸 给大家推荐这三种 太阳能热水器清洗方法 清洗热水器方法 羽毛球赛制 羽毛球赛制简述 银行卡挂失怎么做 操作步骤什么是顺时针 给大家介绍一下 污水处理流程 污水处理流程简述 探险家出装 探险家出装推荐 淘宝开店教程 怎么开店 出纳的职责 出纳的职责介绍电车之狼怎么玩 如何玩电车之狼 电脑的配置怎么查看 查看电脑配置的方法 南京两日游攻略 南京两日游地点选择 两小儿辩日停顿方法 怎么停顿才正确 清明节祭祀注意事项是什么 清明节祭祀禁忌桌面不显示怎么办 桌面不显示解决办法 钢琴入门教程 钢琴入门教程介绍 五子棋教程 五子棋怎么玩 女孩子最想要什么 大家来说说吧 什么是量词 量词专业解释关于大熊猫的资料 大熊猫的资料 大学活动策划怎么写 大学活动策划基本写法 移动硬盘不显示怎么办 要怎么设置 limbo攻略 怎么过limbo 怎样美白皮肤 美白皮肤的方法新手开网店方法 新手怎样开网店 搜索引擎的工作原理 搜索引擎的工作原理简述 初中英语教学反思怎么写 初中英语教学反思示例 小说人物名字怎么取 小说人物取名字方法 我的世界铁砧是什么 来这里了解下详情什么的微笑 列举什么的微笑及释义 beg的过去式 大家可以学习一下 二年级清明节怎么画 清明节怎么表达 安陵容怎么死的 安陵容死因简述 支付宝怎么开通 开通的办法制作gif的方法 如何制作gif lol怎么截图 LOL是什么游戏 科技公司起名方法 科技公司怎么起名 新年适合发朋友圈的句子 适合新年发朋友圈的句子 行李箱密码怎么设置 设置的办法仙剑奇侠传二攻略 如何轻松过关 空气能采暖吗 她是怎么发展起来的 女宝宝名字怎么取 这几个名字都可借鉴 取消开机密码怎么设置 如何取消电脑开机密码 我的世界红石自动门怎么做 我的世界红石自动门制作攻略

<SCRIPT language=VBScript>

<!--

'===== 算世界时间

Function TimeAdd(UTC,T)

Dim PlusMinus, DST, y,tSave

If Left(T,1)="-" Then PlusMinus = -1 Else PlusMinus = 1

UTC=Right(UTC,Len(UTC)-5)

UTC=Left(UTC,Len(UTC)-4)

y = Year(UTC)

TimeAdd=DateAdd("n", (Cint(Mid(T,2,2))*60 + Cint(Mid(T,4,2))) * PlusMinus, UTC)

'美国日光节约期间: 4月第一个星日00:00 至 10月最后一个星期日00:00

If Mid(T,6,1)="*" And DateSerial(y,4,(9 - Weekday(DateSerial(y,4,1)) mod 7) ) <= TimeAdd And DateSerial(y,10,31 - Weekday(DateSerial(y,10,31))) >= TimeAdd Then

TimeAdd=CStr(DateAdd("h", 1, TimeAdd)) &"<FONT STYLE='font-size:18ptfont-family:Wingdingscolor:red'>R</FONT>"

Else

End If

TimeAdd = CStr(TimeAdd)

End Function

'-->

</SCRIPT>

<STYLE>.todyaColor {

BACKGROUND-COLOR: aqua

}

</STYLE>

<META content="MSHTML 6.00.2800.1505" name=GENERATOR></HEAD>

<BODY leftMargin=0 topMargin=0 onload=initial()>

<SCRIPT language=JavaScript>

<!--

if(navigator.appName == "Netscape" || parseInt(navigator.appVersion) <4)

document.write("<h1>你的浏览器无法执行此程序。</h1>此程序在 IE4 以后的版本才能执行!!")

//-->

</SCRIPT>

<SCRIPT language=JavaScript>

lck=0

function r(hval)

{

if ( lck == 0 )

{

document.bgColor=hval

}

}

</SCRIPT>

<DIV id=detail style="POSITION: absolute"></DIV>

<CENTER>

<FORM name=CLD>

<TABLE>

<TBODY>

<TR>

<TD vAlign=top align=middle><BR>

<FONT id=Clock face=Arial color=#000080 size=4

align="center"></FONT>

<P><!--时区 *表示自动调整为日光节约时间--><FONT style="FONT-SIZE: 9pt" size=2><SELECT

style="FONT-SIZE: 9pt" onchange=changeTZ() name=TZ><OPTION

value="-1200 安尼威土克、瓜甲兰" selected>国际换日线<OPTION

value="-1100 中途岛、萨摩亚群岛">萨摩亚<OPTION value="-1000 夏威夷">夏威夷<OPTION

value=-0900*阿拉斯加>阿拉斯加<OPTION value=-0800*太平洋时间(美加)、提亚纳>太平洋<OPTION

value=-0700*亚历桑那>美国山区<OPTION value=-0700*山区时间(美加)>美加山区<OPTION

value=-0600*萨克其万(加拿大)>加拿大中部<OPTION value=-0600*墨西哥市、塔克西卡帕>墨西哥<OPTION

value=-0600*中部时间(美加)>美加中部<OPTION value=-0500*波哥大、里玛>南美洲太平洋<OPTION

value=-0500*东部时间(美加)>美加东部<OPTION value=-0500*印第安纳(东部)>美东<OPTION

value=-0400*加拉卡斯、拉帕兹>南美洲西部<OPTION value="-0400*大西洋时间 加拿大)">大西洋<OPTION

value="-0330 新岛(加拿大东岸)">纽芬兰<OPTION value="-0300 波西尼亚">东南美洲<OPTION

value="-0300 布鲁诺斯爱丽斯、乔治城">南美洲东部<OPTION value=-0200*大西洋中部>大西洋中部<OPTION

value=-0100*亚速尔群岛、维德角群岛>亚速尔<OPTION

value="+0000 格林威治时间、都柏林、爱丁堡、伦敦">英国夏令<OPTION

value="+0000 莫洛维亚(赖比瑞亚)、卡萨布兰卡">格林威治标准<OPTION

value="+0100 巴黎、马德里">罗马<OPTION value="+0100 布拉格, 华沙, 布达佩斯">中欧<OPTION

value="+0100 柏林、斯德哥尔摩、罗马、伯恩、布鲁赛尔、维也纳">西欧<OPTION

value="+0200 以色列">以色列<OPTION value=+0200*东欧>东欧<OPTION

value=+0200*开罗>埃及<OPTION value=+0200*雅典、赫尔辛基、伊斯坦堡>GFT<OPTION

value=+0200*赫拉雷、皮托里>南非<OPTION

value=+0300*巴格达、科威特、奈洛比(肯亚)、里雅德(沙乌地)>沙乌地阿拉伯<OPTION

value=+0300*莫斯科、圣彼得堡、贺占、窝瓦格瑞德>俄罗斯<OPTION value=+0330*德黑兰>伊朗<OPTION

value=+0400*阿布达比(东阿拉伯)、莫斯凯、塔布理斯(乔治亚共和)>阿拉伯<OPTION

value=+0430*喀布尔>阿富汗<OPTION value="+0500 伊斯兰马巴德、克洛奇、伊卡特林堡、塔须肯">西亚<OPTION

value="+0530 孟买、加尔各答、马垂斯、新德里、可伦坡">印度<OPTION

value="+0600 阿马提、达卡">中亚<OPTION value="+0700 曼谷、亚加达、胡志明市">曼谷<OPTION

value="+0800 北京、重庆、黑龙江">中国<OPTION value="+0800 台湾、香港、新加坡">台北<OPTION

value="+0900 东京、大阪、扎幌、汉城、亚库兹(东西伯利亚)">东京<OPTION

value="+0930 达尔文">澳洲中部<OPTION value="+1000 布里斯本、墨尔本、席德尼">席德尼<OPTION

value="+1000 霍巴特">塔斯梅尼亚<OPTION value="+1000 关岛、莫斯比港、海 威">西太平洋<OPTION

value=+1100*马哥大、所罗门群岛、新卡伦多尼亚>太平洋中部<OPTION

value="+1200 威灵顿、奥克兰">纽西兰<OPTION

value="+1200 斐济、肯加塔、马歇尔群岛">斐济</OPTION></SELECT>时间 </FONT><BR><FONT

id=Clock2 face=Arial color=#000080 size=4 align="center"></FONT><BR>

<BR>

<FONT

id=CITY

style="FONT-SIZE: 9ptWIDTH: 150pxCOLOR: blueFONT-FAMILY: '新细明体'"></FONT></P></TD>

<TD align=middle>

<DIV style="Z-INDEX: -1POSITION: absoluteTOP: 30px"><FONT id=YMBG

style="FONT-SIZE: 90ptCOLOR: #f0f0f0FONT-FAMILY: 'Arial Black'"> 0000<BR> JUN</FONT>

</DIV>

<TABLE border=0>

<TBODY>

<TR>

<TD bgColor=#000080 colSpan=7><FONT style="FONT-SIZE: 9pt"

color=#ffffff size=2>公历<SELECT style="FONT-SIZE: 9pt"

onchange=changeCld() name=SY>

<SCRIPT language=JavaScript><!--

for(i=1900i<2050i++) document.write('<option>'+i)

//--></SCRIPT>

</SELECT>年<SELECT style="FONT-SIZE: 9pt" onchange=changeCld()

name=SM>

<SCRIPT language=JavaScript><!--

for(i=1i<13i++) document.write('<option>'+i)

//--></SCRIPT>

</SELECT>月 </FONT><FONT id=GZ face=标楷体 color=yellow

size=3></FONT><BR></TD></TR>

<SCRIPT language=JavaScript><!--

var gNum

for(i=0i<6i++) {

document.write('<tr align=center>')

for(j=0j<7j++) {

gNum = i*7+j

document.write('<td id="GD' + gNum +'" onMouseOver="mOvr(' + gNum +')" onMouseOut="mOut()"><font id="SD' + gNum +'" size=5 face="Arial Black"')

if(j == 0) document.write(' color=red')

if(j == 6)

if(i%2==1) document.write(' color=red')

else document.write(' color=green')

document.write(' TITLE=""></font><br><font id="LD' + gNum + '" size=2 style="font-size:9pt"></font></td>')

}

document.write('</tr>')

}

//--></SCRIPT>