- @2022 All Rights Reserved.
- Email:info@nayona.cn.
- Tel:12345678901.
.content{
width :100%;
margin-left:auto;
margin-right:auto;
padding-top:-20px ;
padding-bottom:-20px ;
background-color:#f7f7f7 ;
}
.footer{
text-align:center;
color:#666666 ;
}
#header {
background-color:black ; //头部背景色
height :80 px ; //头部高度
}
#nav {
line-height :30 px ; //设置文字行间距
float:left;//设置浮动左侧行内排列
width :200 px ; // 导航栏宽度
height :300 px ; //
}
#main-content {
line-height :30 px ;
float:right;//设置浮右侧行内排列
width :800 px ;
}
body{
background-color:white;//页面背景色为白色
color:black;//字体颜色为黑色
}
.nav ul li a:hover { background-color:green;}/* 设置超链接悬停时背景颜 色 */
.nav ul li a { text-decoration:none;color:white;background-color:red;padding-left:50px;}/* 去掉超链接下划线,改变字 颜 色 */
.footer{ background-color:black;color:white;}
.footer p{ padding-top:5%;padding-bottom:
5%;}
.header img{ width = ’50’; height =’50’;}
@media screen and (max-width:
600px){
nav , main , footer { display:block;}
nav ul, nav ul li, main div,
main div h2, footer div,
footer div p { float:none;width:auto;}
}
@media screen and (min-width:
601) and (max-width :
1024){
nav , main , footer {
display:inline-block;
}
}
<!doctype html public '-wapeorm / / dtd xhtmL mobile -/- en' 'http:/ / www.wapform.Org/dtd/xhtmL-mobiLeIO.DTD'
HTMLOMLANG-'en'
HEADTITLe'index page'TITLEHEAD
BODYTEXTALIGN-'center'
HILINK REL-'stylesheet'TYPE-"text/css"HREF-"styLes.css"
LINK REL-"stylesheet"TYPe-text/css'HREF-styLes.css"
DIV CLASS-divCLASS ID-divID DIVBODYHEADERNAVUL LIA HREFTOP.HOME/A/LIHREFTOP.PRODUCTS/A/LIHREFTOP.SERVICES/A/LINAVHEADERDIVMAINCONTENTH2HELLO WORLD/H2PTHIS IS MY FIRST WEB PAGE/PMAINDIVFOOTERNAVUL LIFOOTER TEXT FOOTER LIEMAIL-info@nayona.cn./LI LITEL-12345678901./LI ULNAVFOOTERDIVMAINHTML
< !DOCTYOE HTML PUBUC '-WIPEORM/-IDTDXHTMI MOBILEIDO.EN''htto:/ / wawform.Org/dto/xhtmi-mobiteO.DTD''XMTMLANO-'en''
HEADTTTLEINDEX PAGETTTTEHEADDODYTEXTOLGNTCenteo''
HLUNKREL'stytesheet'TYPE-teot/cos'HREF-stytes.csstUNKREL-slytcsheet-TYPO-tet/cos-HREF-stytes.csstTYLESHEET TYPB-tet/coe-HRBF'-styles.ces'
DIv CLASs-dtvCLAss tD-dtvlo DIBODVHEADERNAVUILLA HKEF'#top'HOMVAILIAKFEF'#top'.PRODUCTSAKFEF'#top'SERVICOSAKFLIMANNAVONTEINTHJWLLOWORLDHPSTHISISMWFIRSTWEBPAGEPMNINDIVOOTORNAYUILLIAMOOPLISTOLATETEXTOTOOLIFOEMAII-info@noyonocm.LILTEL.-123450678901.UULL NAVNOOTEHDIVNOINDDODYOHIML
HTMLOMLANG-'ZH'CBEAD/BODY/DMDHTML/
STYLBS.CSStCONTENT{}
.CONTENT{
WIDTH:B00%
MARGIN-LFFT:AUTO
MARAIN-RIGHT-AUTO:
PADDING-TOP:I OPX;
PADDIRG-BOTTOM:T OPX:
BACKGROUND-COLOR:F?FS?
)
.FOOTBR{
TEXT-ALIGN:CENTER,
COLOR##6BBB66.
)
.#HEAOEE{
BACKGRQUND-COLOR-BLAOE!
HEIGHT$BO PX!
)
.#NAE-LINE HEIGHT#BO PX! FLOAT.LEFr WIDTH-$00PX! HEIGHT*SOO PI.
#
MAIX COCTENT LINB HEIGBT-SO PX FLOAT-RIGHr WIDTH-SOO Px.
}
BDODRACKGROUND.COLOR-WHITE COLOR.BRAOK BODY.NAV ULLIA HOVER BACKGROUNDCOLOR-GREEN NAV ULLTA TEXEDECOEAATION-NONE.COLOR-WHITE.BACKGROUND-CQLOR.RED.PADDING.LEFT.SO PX.FOOTERRBACKGROUND-COLOR.BLACk.COLoR.WHiTE.FOOTERP.PADDINC.TOP-S%.PADDTNG-BOTTOM.%
.)
.HEADEQ IMG WIDTH–SO HEIGRT'SD.'
@
MEDIA SCREEN AND MAX-WIDTH BOOXPxNAV MAIN FOOTED DISPLAY BLOCK.NAv UL NA VUI MAIN DIv MAIK DIv HZ FOITEZ DISPLAY INLINE BLOCK.MEDIAL SCREEK AND点击联系需要东西方神秘学学习资料,专业的咨询
本文采摘于网络,不代表本站立场,转载联系作者并注明出处: https://sm.nayona.cn/xinnengyuan/324541.html