centrescss
css3圆角 时间:2021-02-11 阅读:()
Introduction:HTML,XHTMLetCSSConceptsetTechnologiesXMLMasterProILIAnnee2013-141/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueLeslangagesdebalises:SGML(StandardGeneralizedMarkupLanguage)datedudebutdesannees70Leweb:creationauCERNen1989parTimBerners-Lee.
Objectif:mettre`adispositionfacilementdesdocuments.
`Al'origine,destravauxderechercheenphysiquequiinteressaientunecommunauteinternationalementdispersee.
2/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueEnutilisantunlangagededescriptiondedocuments:HTML(HyperTextMarkupLanguage)langagedebalisageheritedeSGMLliensentredesdocumentssituesn'importeo`usurlereseaudiusiondedocumentscontenantdutexte,desimages,dusonlamiseenformeestinterpreteeparlenavigateurBasesurunprotocole:HTTP3/58Introduction:HTML,XHTMLetCSSAnnee2013-14Architectureclient/serveurunserveurweb:ouserveurHTTP-Dprocessusquiattenddesrequetesd'unclientweb;unclientweb:ounavigateur,processusquieectuelesrequetesHTTPaupr`esd'unserveur.
executionsurleserveursdetraitements(scriptsCGI,servlets.
.
.
)ousurleclientgeneralisation:leswebservices4/58Introduction:HTML,XHTMLetCSSAnnee2013-14UniformResourceIdentierLocalisationd'uneressourcesurInternet:UniformResourceLocator(URL)protocole://nomHote[:port]/chemin/nomFichier[#part]UniformResourceName(URN)touslesautresmoyensd'identieruneressourcesansprecisersonemplacement5/58Introduction:HTML,XHTMLetCSSAnnee2013-14Lesprotocolesleacc`es`aunchierdudisquelocalftpacc`es`aunserveurftphttpacc`es`aunserveurhttphttpsacc`es`aunserveurhttpavecuneliaisonsecuriseemailtoenvoid'unmessagenewsacc`es`aunforumUsenettelnetconnexionversunservicetelnet.
.
.
6/58Introduction:HTML,XHTMLetCSSAnnee2013-14Necessited'etablirdesnormesLeW3C(WorldWideWebConsortium)www.
w3.
orgaetefondeen1994parTimBerners-Lee.
Sonobjectifestderedigerdesrecommandationspourlaspecicationdeslangages,desservices,desprotocolesliesauWeb.
Danslesannees90,guerreentrelesnavigateurs:ajoutsdespecicitesaulangageHTML.
Siteoptimisepour.
.
.
Avoirducodenormalise:etreindependantdelaplateformeduclient!
LesprincipesduW3C:WebforAllWebonEverything7/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CL'equipe:unesoixantainedechercheursetd'ingenieurs,pourlaplupartdansl'undecestroiscentresleMIT(Massachusset'sInstituteofTechnology)l'ERCIM(ConsortiumEuropeendeRechercheenInformatiqueetAutomatique)KeioUniversity(Japon)Lesmembres:383membresactuellementdesuniversitesdescentresderecherchedessocietesprivees(AT&T,Google,IBM,ILOG,MicroSoft,Mozilla,Nokia,SUN,etc.
.
.
)8/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CLeW3Ceditedesrecommandations,quisontdesspecications,i.
e.
desnormespourtouslesprotocolesettechnologiesduWeband'assurerleurinteroperabiliteetdeguiderl'evolutionduweb.
Lorsqu'unerecommandationesteditee,apr`esunlongprocessus,c'estqu'unconsensusaetetrouveentretouslesmembresduW3C.
Outrelesrecommandations,lew3cproposedeladocumentation,destutoriaux,desvalidateurs.
.
.
http://www.
w3.
org9/58Introduction:HTML,XHTMLetCSSAnnee2013-14ContenuducoursXHTMLetlesCSSJavascript,Ajax,JQuery,.
.
.
XMLetDTDXPathXSLTschemasXMLwebsemantiquelesAPIdeprogrammationXML(SAX,DOM)XQuery10/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeslimitationsduHTML`al'origine,HTMLdecritlastructuredudocumentmaisderiveversunlangaged'apparence(codagedelamiseenformeendur)permissiviteduHTMLinterpretationdierenteselonlesnavigateurspasdepossibilitedesortiesspecialisees(impression,braille,etc)11/58Introduction:HTML,XHTMLetCSSAnnee2013-14XMLXML:eXtensibleMarkupLanguageensembleder`eglesquipermettentlacreationdelangagesdebalisagepersonnalisesoul'utilisationdelangagesdebalisageexistants.
NombreusestechnologiesautourdeXML.
Pourl'achagededocuments:lesfeuillesdestyleCSSCascadingStyleSheets12/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLXHTML:versiondeHTMLquiheritedeXMLtraductiondeHTML4.
0compatibleavecXMLcadrestrictduXML:meilleurcomportementpermetd'accederauxextensionsdeXML.
XHTML1.
0existeentroisversions:StrictXHTML:eliminedenombreuxelementsdemiseenformeduHTML.
Utilisationd'uneCSSpourobtenirlamiseenformevoulue;TransitionalXHTML:conserveleselementsetattributsdeHTML.
Garantitlacompatibiliteaveclesanciensnavigateurs.
FramesetXHTML:idemquestrictaveclapossibilited'utiliserdescadres.
13/58Introduction:HTML,XHTMLetCSSAnnee2013-14HTML5endiscussiondepuis2004,toujoursenstatutdraft!
CertainsmodulesontunstatutCandidateRecommendation.
objectifs:fournirunesyntaxeHTMLetunesyntaxeXHTMLameliorerlesbalisesdulangagepreciserlesmod`elesdetraitementdesdocumentsHTMLpourfavoriserl'interoperabilitedesapplicationsintroduiredenouvellesbalisesetdesAPIspourlesnouvellesapplicationsWeb(meilleurepriseencompteduwebdynamique)14/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesvalidateursServicesoertsparleW3C:validateursXHTMLetHTMLvalidateurdeCSS15/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5ElementssyntaxiquesspeciquesXML:balisesenminuscules;cen'estpasobligatoireenHTML,maisc'estplusjoli!
touteslesbalisesdoiventcomporterunebaliseden,cen'estpasobligatoireenHTML,maisc'estuner`egle`aconserverlesbalisesvidesdoiventsenirparunmarqueurcen'estpaslecasenHTML!
touteslesvaleursd'attributsdoiventetrequoteesXML:cen'estpastoujourslecasenHTML:HTML:16/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5PourcreerundocumentXHTML1.
1PourcreerundocumentHTML517/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Structure:html,head,bodyElementsdel'enteteMetadata:meta,titleLiaisons:base,linkScriptscoteclient:scriptStyles:style18/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsdel'enteteCeciestunexempledepage.
.
.
19/58Introduction:HTML,XHTMLetCSSAnnee2013-14ElementsducorpsElementsdetypeblocsdestructure:h1-h6,p,divd'expression:address,blockquote,predepresentation:center,hrElementsdetypeenlignedestructure:em,q,strong,spand'expression:abbr,cite,code,dfn,del,ins,kbd,samp,var,img20/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,ElementsenligneAladifferencedesmethodesemployeesdanslesannees90,lesCSSHTMLetdesinformationsdemiseenpage.
Legainrealiseestconsiderable.
Lesfeuillesdestyleprintpermettentuneimpressionimmediated'unepagedepuislenavigateur,etdispensentd'avoir`acreeruneversionimprimabledudocumentHTML21/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,Elementsenligne22/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Liens:aListes:dl,dt,dd,ol,ul,liTables:table,td,th,tr,.
.
.
Formulaires:form,input,select,option,textarea,.
.
.
Images:img,area,mapScriptscoteclient:noscript,scriptEvenements:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup.
.
.
23/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5attention:HTML5n'esttoujourspasunstandardduweb,beaucoupd'evolutions(etaussideretoursenarri`ere)diversementreconnuessuivantlesnavigateurs.
.
.
ungrosajoutdeHTML5estlegraphiqueavecl'elementcanvaslesbalisesassociees`adelamiseenformenesontplusautorisees:big,center,s,tt,u,font,.
.
.
maisonatoujoursstrong,emphmarkpermetdesurlignerdesmorceauxdetextewbrpermetdesuggererunecoupuredemotaunavigateur24/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5arriveedenouveauxpetitselementsgraphiquesunejaugemeter(pourusagestatique)etunebarredeprogression(pourusagedynamique)Progression:25/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5nouvellesbalisespourlastructuredudocument:articleetsection:permettentderegrouperdesinformationstextuelles,tellesquedesparagraphes,destitres,d'autressectionarticledoitcontenirunepartiedetexteindependantedurestedelapage;lesh1,.
.
.
h6quis'ytrouventsontinterpretesenfonctionducontexte;asidepermetderassemblerdeselements(paragraphes,titres)quisontfortementliesentreeuxmaisrestentconnectesauxelementsenvironnants;header,footeretnav:headerpermetdecontenirdeselementsintroductifs`alapage,oudesmenusdenavigationfootercontientdeselementsdendepageoudesection.
Peutcontenirdesmenusdenavigationnavcontientdesmenusdenavigation26/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5figureetfigcaptionfigurepourencapsulerlesillustrations(images,videos,cartes.
.
.
)figcaptionpourajouterunelegendeauxillustrationsdenouveauxelementspermettentunepriseenchargedumultimedia:elementsvideoetaudioUnepageenHTML5unlienunautrelienencoreunlienencoreunautrelien28/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5Uniquementdestitresdeniveau1PourcommencerUnpremierexercicepourvoirunpeu.
.
.
untitred'imagePourcontinuerUndeuxi`emeexercicepourallerplusloin.
.
.
Objectif:mettre`adispositionfacilementdesdocuments.
`Al'origine,destravauxderechercheenphysiquequiinteressaientunecommunauteinternationalementdispersee.
2/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueEnutilisantunlangagededescriptiondedocuments:HTML(HyperTextMarkupLanguage)langagedebalisageheritedeSGMLliensentredesdocumentssituesn'importeo`usurlereseaudiusiondedocumentscontenantdutexte,desimages,dusonlamiseenformeestinterpreteeparlenavigateurBasesurunprotocole:HTTP3/58Introduction:HTML,XHTMLetCSSAnnee2013-14Architectureclient/serveurunserveurweb:ouserveurHTTP-Dprocessusquiattenddesrequetesd'unclientweb;unclientweb:ounavigateur,processusquieectuelesrequetesHTTPaupr`esd'unserveur.
executionsurleserveursdetraitements(scriptsCGI,servlets.
.
.
)ousurleclientgeneralisation:leswebservices4/58Introduction:HTML,XHTMLetCSSAnnee2013-14UniformResourceIdentierLocalisationd'uneressourcesurInternet:UniformResourceLocator(URL)protocole://nomHote[:port]/chemin/nomFichier[#part]UniformResourceName(URN)touslesautresmoyensd'identieruneressourcesansprecisersonemplacement5/58Introduction:HTML,XHTMLetCSSAnnee2013-14Lesprotocolesleacc`es`aunchierdudisquelocalftpacc`es`aunserveurftphttpacc`es`aunserveurhttphttpsacc`es`aunserveurhttpavecuneliaisonsecuriseemailtoenvoid'unmessagenewsacc`es`aunforumUsenettelnetconnexionversunservicetelnet.
.
.
6/58Introduction:HTML,XHTMLetCSSAnnee2013-14Necessited'etablirdesnormesLeW3C(WorldWideWebConsortium)www.
w3.
orgaetefondeen1994parTimBerners-Lee.
Sonobjectifestderedigerdesrecommandationspourlaspecicationdeslangages,desservices,desprotocolesliesauWeb.
Danslesannees90,guerreentrelesnavigateurs:ajoutsdespecicitesaulangageHTML.
Siteoptimisepour.
.
.
Avoirducodenormalise:etreindependantdelaplateformeduclient!
LesprincipesduW3C:WebforAllWebonEverything7/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CL'equipe:unesoixantainedechercheursetd'ingenieurs,pourlaplupartdansl'undecestroiscentresleMIT(Massachusset'sInstituteofTechnology)l'ERCIM(ConsortiumEuropeendeRechercheenInformatiqueetAutomatique)KeioUniversity(Japon)Lesmembres:383membresactuellementdesuniversitesdescentresderecherchedessocietesprivees(AT&T,Google,IBM,ILOG,MicroSoft,Mozilla,Nokia,SUN,etc.
.
.
)8/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CLeW3Ceditedesrecommandations,quisontdesspecications,i.
e.
desnormespourtouslesprotocolesettechnologiesduWeband'assurerleurinteroperabiliteetdeguiderl'evolutionduweb.
Lorsqu'unerecommandationesteditee,apr`esunlongprocessus,c'estqu'unconsensusaetetrouveentretouslesmembresduW3C.
Outrelesrecommandations,lew3cproposedeladocumentation,destutoriaux,desvalidateurs.
.
.
http://www.
w3.
org9/58Introduction:HTML,XHTMLetCSSAnnee2013-14ContenuducoursXHTMLetlesCSSJavascript,Ajax,JQuery,.
.
.
XMLetDTDXPathXSLTschemasXMLwebsemantiquelesAPIdeprogrammationXML(SAX,DOM)XQuery10/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeslimitationsduHTML`al'origine,HTMLdecritlastructuredudocumentmaisderiveversunlangaged'apparence(codagedelamiseenformeendur)permissiviteduHTMLinterpretationdierenteselonlesnavigateurspasdepossibilitedesortiesspecialisees(impression,braille,etc)11/58Introduction:HTML,XHTMLetCSSAnnee2013-14XMLXML:eXtensibleMarkupLanguageensembleder`eglesquipermettentlacreationdelangagesdebalisagepersonnalisesoul'utilisationdelangagesdebalisageexistants.
NombreusestechnologiesautourdeXML.
Pourl'achagededocuments:lesfeuillesdestyleCSSCascadingStyleSheets12/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLXHTML:versiondeHTMLquiheritedeXMLtraductiondeHTML4.
0compatibleavecXMLcadrestrictduXML:meilleurcomportementpermetd'accederauxextensionsdeXML.
XHTML1.
0existeentroisversions:StrictXHTML:eliminedenombreuxelementsdemiseenformeduHTML.
Utilisationd'uneCSSpourobtenirlamiseenformevoulue;TransitionalXHTML:conserveleselementsetattributsdeHTML.
Garantitlacompatibiliteaveclesanciensnavigateurs.
FramesetXHTML:idemquestrictaveclapossibilited'utiliserdescadres.
13/58Introduction:HTML,XHTMLetCSSAnnee2013-14HTML5endiscussiondepuis2004,toujoursenstatutdraft!
CertainsmodulesontunstatutCandidateRecommendation.
objectifs:fournirunesyntaxeHTMLetunesyntaxeXHTMLameliorerlesbalisesdulangagepreciserlesmod`elesdetraitementdesdocumentsHTMLpourfavoriserl'interoperabilitedesapplicationsintroduiredenouvellesbalisesetdesAPIspourlesnouvellesapplicationsWeb(meilleurepriseencompteduwebdynamique)14/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesvalidateursServicesoertsparleW3C:validateursXHTMLetHTMLvalidateurdeCSS15/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5ElementssyntaxiquesspeciquesXML:balisesenminuscules;cen'estpasobligatoireenHTML,maisc'estplusjoli!
touteslesbalisesdoiventcomporterunebaliseden,cen'estpasobligatoireenHTML,maisc'estuner`egle`aconserverlesbalisesvidesdoiventsenirparunmarqueurcen'estpaslecasenHTML!
touteslesvaleursd'attributsdoiventetrequoteesXML:cen'estpastoujourslecasenHTML:HTML:16/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5PourcreerundocumentXHTML1.
1PourcreerundocumentHTML517/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Structure:html,head,bodyElementsdel'enteteMetadata:meta,titleLiaisons:base,linkScriptscoteclient:scriptStyles:style18/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsdel'enteteCeciestunexempledepage.
.
.
19/58Introduction:HTML,XHTMLetCSSAnnee2013-14ElementsducorpsElementsdetypeblocsdestructure:h1-h6,p,divd'expression:address,blockquote,predepresentation:center,hrElementsdetypeenlignedestructure:em,q,strong,spand'expression:abbr,cite,code,dfn,del,ins,kbd,samp,var,img20/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,ElementsenligneAladifferencedesmethodesemployeesdanslesannees90,lesCSSHTMLetdesinformationsdemiseenpage.
Legainrealiseestconsiderable.
Lesfeuillesdestyleprintpermettentuneimpressionimmediated'unepagedepuislenavigateur,etdispensentd'avoir`acreeruneversionimprimabledudocumentHTML21/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,Elementsenligne22/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Liens:aListes:dl,dt,dd,ol,ul,liTables:table,td,th,tr,.
.
.
Formulaires:form,input,select,option,textarea,.
.
.
Images:img,area,mapScriptscoteclient:noscript,scriptEvenements:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup.
.
.
23/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5attention:HTML5n'esttoujourspasunstandardduweb,beaucoupd'evolutions(etaussideretoursenarri`ere)diversementreconnuessuivantlesnavigateurs.
.
.
ungrosajoutdeHTML5estlegraphiqueavecl'elementcanvaslesbalisesassociees`adelamiseenformenesontplusautorisees:big,center,s,tt,u,font,.
.
.
maisonatoujoursstrong,emphmarkpermetdesurlignerdesmorceauxdetextewbrpermetdesuggererunecoupuredemotaunavigateur24/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5arriveedenouveauxpetitselementsgraphiquesunejaugemeter(pourusagestatique)etunebarredeprogression(pourusagedynamique)Progression:25/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5nouvellesbalisespourlastructuredudocument:articleetsection:permettentderegrouperdesinformationstextuelles,tellesquedesparagraphes,destitres,d'autressectionarticledoitcontenirunepartiedetexteindependantedurestedelapage;lesh1,.
.
.
h6quis'ytrouventsontinterpretesenfonctionducontexte;asidepermetderassemblerdeselements(paragraphes,titres)quisontfortementliesentreeuxmaisrestentconnectesauxelementsenvironnants;header,footeretnav:headerpermetdecontenirdeselementsintroductifs`alapage,oudesmenusdenavigationfootercontientdeselementsdendepageoudesection.
Peutcontenirdesmenusdenavigationnavcontientdesmenusdenavigation26/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5figureetfigcaptionfigurepourencapsulerlesillustrations(images,videos,cartes.
.
.
)figcaptionpourajouterunelegendeauxillustrationsdenouveauxelementspermettentunepriseenchargedumultimedia:elementsvideoetaudioUnepageenHTML5unlienunautrelienencoreunlienencoreunautrelien28/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5Uniquementdestitresdeniveau1PourcommencerUnpremierexercicepourvoirunpeu.
.
.
untitred'imagePourcontinuerUndeuxi`emeexercicepourallerplusloin.
.
.
inlicloud48元/月，云主机,2核1G/200Mbps，可选安徽/上海联通/广州移动/江门移动NAT
inlicloud怎么样?inlicloud(引力主机)主要产品为国内NAT系列VPS，目前主要有：上海联通NAT(200Mbps带宽)、宿州联通NAT(200Mbps带宽)、广州移动NAT(200Mbps带宽)。根据官方的说法国内的NAT系列VPS不要求备案、不要求实名、对中转要求也不严格，但是，禁止任何形式的回国!安徽nat/上海联通/广州移动/江门移动nat云主机,2核1G/200Mbps仅...
一键去除宝塔面板各种计算题与延时等待
现在宝塔面板真的是越来越过分了，删除文件、删除数据库、删除站点等操作都需要做计算题！我今天升级到7.7版本，发现删除数据库竟然还加了几秒的延时等待，也无法跳过！宝塔的老板该不会是小学数学老师吧，那么喜欢让我们做计算题！因此我写了个js用于去除各种计算题以及延时等待，同时还去除了软件列表页面的bt企业版广告。只需要执行以下命令即可一键完成！复制以下命令在SSH界面执行：Layout_file="/w...
稳爱云(26元),香港云服务器 1核 1G 10M带宽
稳爱云（www.wenaiyun.com）是创建于2021年的国人IDC商家，主要目前要出售香港VPS、香港独立服务器、美国高防VPS、美国CERA VPS 等目前在售VPS线路有三网CN2、CN2 GIA，该公司旗下产品均采用KVM虚拟化架构。机房采用业内口碑最好香港沙田机房，稳定，好用，数据安全。线路采用三网（电信，联通，移动）回程电信cn2、cn2 gia优质网络，延迟低，速度快。自行封装的...
css3圆角为你推荐
-
支持ipad支持ipad支持ipadiphone连不上wifi苹果iphone6/plus wifi连接不上怎么办phpecho在php中 echo和print 有什么区别fusionchartsfusioncharts曲线图怎么默认显示数量联通iphone4北京 朝阳区 哪家联通店可以卖Iphone4的，本周周末过去买迅雷快鸟迅雷快鸟是做什么用的，，，win7关闭135端口win7系统 怎么关闭135 445 端口 修改注册表 创建IP安全策略 也试过 就是关不了 还望高手指教win7关闭135端口win7系统怎么关闭135端口？网上很多方法都不好用！