html教程之网页计划参考:firefox的默许款式

WHATWG致力于Web表单和应用程序，而W3C（WorldWideWebConsortium，万维网联盟）专注于XHTML2.0。在2006年，双方决定进行合作.来创建一个新版本的HTML。网页制造poluoluo文章简介：扫瞄器们城市依照本人预界说的款式来剖析衬着网页中的标签，firefox能够经由过程在地点栏里输出resource://gre/res/html.CSS的命令来失掉firefox的默许款式表。
固然w3c制定了html的一些尺度：扫瞄器们城市依照本人预界说的款式来剖析衬着网页中的标签，firefox能够经由过程在地点栏里输出resource://gre/res/html.css的命令来失掉firefox的默许款式表。如果ie也有这个命令该多好！你也能够在分歧版本的firefox地点栏输出这个命令，如许就能够对照firefox分歧版本的差别，这让我们在ResetCSS的时分有了主要的参考。
/******BEGINLICENSEBLOCK*****
*Version:MPL1.1/GPL2.0/LGPL2.1
*
*ThecontentsofthisfilearesubjecttotheMozillaPublicLicenseVersion
*1.1(the"License");youmaynotusethisfileexceptincompliancewith
*theLicense.YoumayobtainacopyoftheLicenseat
*http://www.mozilla.org/MPL/
*
*SoftwaredistributedundertheLicenseisdistributedonan"ASIS"basis,
*WITHOUTWARRANTYOFANYKIND,eitherexpressorimplied.SeetheLicense
*forthespecificlanguagegoverningrightsandlimitationsunderthe
*License.
*
*TheOriginalCodeismozilla.orgcode.
*
*TheInitialDeveloperoftheOriginalCodeis
*NetscapeCommunicationsCorporation.
*PortionscreatedbytheInitialDeveloperareCopyright(C)1998
*theInitialDeveloper.AllRightsReserved.
*
*Contributor(s):
*BlakeRoss<BlakeR1234@aol.com>
*
*Alternatively,thecontentsofthisfilemaybeusedunderthetermsof
*eitheroftheGNUGeneralPublicLicenseVersion2orlater(the"GPL"),
*ortheGNULesserGeneralPublicLicenseVersion2.1orlater(the"LGPL"),
*inwhichcasetheprovisionsoftheGPLortheLGPLareapplicableinstead
*ofthoseabove.Ifyouwishtoallowuseofyourversionofthisfileonly
*underthetermsofeithertheGPLortheLGPL,andnottoallowothersto
*useyourversionofthisfileunderthetermsoftheMPL,indicateyour
*decisionbydeletingtheprovisionsaboveandreplacethemwiththenotice
*andotherprovisionsrequiredbytheGPLortheLGPL.Ifyoudonotdelete
*theprovisionsabove,arecipientmayuseyourversionofthisfileunder
*thetermsofanyoneoftheMPL,theGPLortheLGPL.
*
******ENDLICENSEBLOCK******/

@namespaceurl(http://www.w3.org/1999/xhtml);/*setdefaultnamespacetoHTML*/

/*bidi*/

[dir="rtl"]{
direction:rtl;
unicode-bidi:embed;
}
[dir="ltr"]{
direction:ltr;
unicode-bidi:embed;
}
bdo[dir]{
unicode-bidi:bidi-override;
}

/*blocks*/

html,div,map,dt,isindex,form{
display:block;
}

body{
display:block;
margin:8px;
}

p,dl,multicol{
display:block;
margin:1em0;
}

dd{
display:block;
-moz-margin-start:40px;
}

blockquote{
display:block;
margin:1em40px;
}

address{
display:block;
font-style:italic;
}

center{
display:block;
text-align:-moz-center;
}

blockquote[type=cite]{
display:block;
margin:1em0px;
-moz-padding-start:1em;
-moz-border-start:solid;
border-color:blue;
border-width:thin;
}

span[_moz_quote=true]{
color:blue;
}

pre[_moz_quote=true]{
color:blue;
}

h1{
display:block;
font-size:2em;
font-weight:bold;
margin:.67em0;
}

h2{
display:block;
font-size:1.5em;
font-weight:bold;
margin:.83em0;
}

h3{
display:block;
font-size:1.17em;
font-weight:bold;
margin:1em0;
}

h4{
display:block;
font-weight:bold;
margin:1.33em0;
}

h5{
display:block;
font-size:0.83em;
font-weight:bold;
margin:1.67em0;
}

h6{
display:block;
font-size:0.67em;
font-weight:bold;
margin:2.33em0;
}

listing{
display:block;
font-family:-moz-fixed;
font-size:medium;
white-space:pre;
margin:1em0;
}

xmp,pre,plaintext{
display:block;
font-family:-moz-fixed;
white-space:pre;
margin:1em0;
}

/*tables*/

table{
display:table;
border-spacing:2px;
border-collapse:separate;
margin-top:0;
margin-bottom:0;
/*XXXldbdowewantthisifwereborder-collapse:collapse?*/
-moz-box-sizing:border-box;
text-indent:0;
}

table[align="left"]{
float:left;
}

table[align="right"]{
float:right;
text-align:start;
}

table[rules]:not([rules="none"]){
border-collapse:collapse;
}

/*captioninheritsfromtablenottable-outer*/
caption{
display:table-caption;
text-align:center;
-moz-box-sizing:border-box;
}

table[align="center"]>caption{
margin-left:auto;
margin-right:auto;
}

table[align="center"]>caption[align="left"]{
margin-right:0;
}

table[align="center"]>caption[align="right"]{
margin-left:0;
}

tr{
display:table-row;
vertical-align:inherit;
}

col{
display:table-column;
}

colgroup{
display:table-column-group;
}

tbody{
display:table-row-group;
vertical-align:middle;
}

thead{
display:table-header-group;
vertical-align:middle;
}

tfoot{
display:table-footer-group;
vertical-align:middle;
}

/*forXHTMLtableswithouttbody*/
table>tr{
vertical-align:middle;
}

td{
display:table-cell;
vertical-align:inherit;
text-align:inherit;
padding:1px;
}

th{
display:table-cell;
vertical-align:inherit;
font-weight:bold;
padding:1px;
}

tr>form:-moz-is-html,tbody>form:-moz-is-html,
thead>form:-moz-is-html,tfoot>form:-moz-is-html,
table>form:-moz-is-html{
/*Important:dontshowtheseformsinHTML*/
display:none!important;
}

/*inlines*/

q:before{
content:open-quote;
}

q:after{
content:close-quote;
}

b,strong{
font-weight:bolder;
}

i,cite,em,var,dfn{
font-style:italic;
}

tt,code,kbd,samp{
font-family:-moz-fixed;
}

u,ins{
text-decoration:underline;
}

s,strike,del{
text-decoration:line-through;
}

blink{
text-decoration:blink;
}

big{
font-size:larger;
}

small{
font-size:smaller;
}

sub{
vertical-align:sub;
font-size:smaller;
line-height:normal;
}

sup{
vertical-align:super;
font-size:smaller;
line-height:normal;
}

nobr{
white-space:nowrap;
}

/*titles*/
abbr[title],acronym[title]{
border-bottom:dotted1px;
}

/*lists*/

ul,menu,dir{
display:block;
list-style-type:disc;
margin:1em0;
-moz-padding-start:40px;
}

ol{
display:block;
list-style-type:decimal;
margin:1em0;
-moz-padding-start:40px;
}

li{
display:list-item;
}

/*nestedlistshavenotop/bottommargins*/
ulul,ulol,uldir,ulmenu,uldl,
olul,olol,oldir,olmenu,oldl,
dirul,dirol,dirdir,dirmenu,dirdl,
menuul,menuol,menudir,menumenu,menudl,
dlul,dlol,dldir,dlmenu,dldl{
margin-top:0;
margin-bottom:0;
}

/*2deepunorderedlistsuseacircle*/
olul,ulul,menuul,dirul,
olmenu,ulmenu,menumenu,dirmenu,
oldir,uldir,menudir,dirdir{
list-style-type:circle;
}

/*3deep(ormore)unorderedlistsuseasquare*/
ololul,olulul,olmenuul,oldirul,
ololmenu,olulmenu,olmenumenu,oldirmenu,
ololdir,oluldir,olmenudir,oldirdir,
ulolul,ululul,ulmenuul,uldirul,
ulolmenu,ululmenu,ulmenumenu,uldirmenu,
uloldir,ululdir,ulmenudir,uldirdir,
menuolul,menuulul,menumenuul,menudirul,
menuolmenu,menuulmenu,menumenumenu,menudirmenu,
menuoldir,menuuldir,menumenudir,menudirdir,
dirolul,dirulul,dirmenuul,dirdirul,
dirolmenu,dirulmenu,dirmenumenu,dirdirmenu,
diroldir,diruldir,dirmenudir,dirdirdir{
list-style-type:square;
}


/*leafs*/

/*<hr>noshadeandcolorattributesarehandledcompletelyby
*thensHTMLHRElementattributemappingcode
*/
hr{
display:block;
height:2px;
border:1pxinset;
margin:0.5emauto0.5emauto;
color:gray;
-moz-float-edge:margin-box;
-moz-box-sizing:border-box;
}

hr[size="1"]{
border-style:solidnonenonenone;
}

*|*:-moz-any-linkimg,img[usemap],object[usemap]{
border:2pxsolid;
}

img:-moz-broken::before,input:-moz-broken::before,
img:-moz-user-disabled::before,input:-moz-user-disabled::before,
img:-moz-loading::before,input:-moz-loading::before,
applet:-moz-empty-except-children-with-localname(param):-moz-broken::before,
applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before{
content:-moz-alt-content!important;
unicode-bidi:embed;
}

object:-moz-broken>*|*,applet:-moz-broken>*|*
object:-moz-user-disabled>*|*,applet:-moz-user-disabled>*|*{
/*
Inheritintheobjectsalignmentsothatifwearentalignedexplicitly
wellendupintherightplacevertically.Seebug36997.Notethatthis
isnot!importantbecausewe_might_bealignedexplicitly.
*/
vertical-align:inherit;
}

img:-moz-suppressed,input:-moz-suppressed,object:-moz-suppressed,
embed:-moz-suppressed,applet:-moz-suppressed{
/*
Setvisibilitytooincasethepagechangesdisplay.Notethatwe_may_
wanttojustsetvisibilityandnotdisplay,ingeneral,ifwefindthat
display:nonebreakstoomanylayouts.Andifwedecidewereallydowant
peopletobeabletoright-clickblockedimages,etc,weneedtoset
neitherone,andhackthepaintingcode....:(
*/
display:none!important;
visibility:hidden!important;
}

img[usemap],object[usemap]{
color:blue;
}

frameset{
display:block!important;
overflow:-moz-hidden-unscrollable;
position:static!important;
float:none!important;
border:none!important;
}

frame{
border:none!important;
}

iframe{
border:2pxinset;
}

noframes{
display:none;
}

spacer{
position:static!important;
float:none!important;
}

canvas{
-moz-user-select:none;
}

/*focusablecontent:anythingw/tabindex>=0isfocusable*/
abbr:focus,acronym:focus,address:focus,applet:focus,b:focus,
base:focus,big:focus,blockquote:focus,br:focus,canvas:focus,caption:focus,
center:focus,cite:focus,code:focus,col:focus,colgroup:focus,dd:focus,
del:focus,dfn:focus,dir:focus,div:focus,dl:focus,dt:focus,em:focus,
fieldset:focus,font:focus,form:focus,h1:focus,h2:focus,h3:focus,h4:focus,
h5:focus,h6:focus,hr:focus,i:focus,img:focus,ins:focus,
kbd:focus,label:focus,legend:focus,li:focus,link:focus,menu:focus,
object:focus,ol:focus,p:focus,pre:focus,q:focus,s:focus,samp:focus,
small:focus,span:focus,strike:focus,strong:focus,sub:focus,sup:focus,
table:focus,tbody:focus,td:focus,tfoot:focus,th:focus,thead:focus,
tr:focus,tt:focus,u:focus,ul:focus,var:focus{
/*Dontspecifytheoutline-color,weshouldalwaysuseinitialvalue.*/
outline:1pxdotted;
}

/*hiddenelements*/
area,base,basefont,head,meta,script,style,title,
noembed,param{
display:none;
}

/*emulationofnon-standardHTML<marquee>tag*/
marquee{
width:-moz-available;
display:inline-block;
vertical-align:text-bottom;
text-align:start;
-moz-binding:url(chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal);
}

marquee[direction="up"],marquee[direction="down"]{
-moz-binding:url(chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical);
height:200px;
}

/*PRINTONLYrulesfollow*/
@mediaprint{

marquee{-moz-binding:none;}

/*XXXthisshouldnotbenecessary,weshouldbestoppingblinking
ofanykindinprintpreview,notjustthe<blink>element*/
blink{
text-decoration:none;
}

}</p>
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。