有谁懂HTML/CSS帮我看下这段代码

作者&投稿:子纨 (若有异议请与网页底部的电邮联系)
谁能帮我把下面这个html代码和CSS代码写出来?~

无标题文档#head{ background-color:#096; padding:5px 10px 5px 20px; height:20px; }#left{ float:left;}#right{ float:right;} 登录|注册 我的订单|购物车|个人中心|客服中心|卖家中心|浏览记录|更多

@keyframes leftright这里面的代码就是拉伸的,40% 这是代表宽度达到屏幕宽度的40%数就执行里面的代码

body {
//这里是设置整个网页的背景为白色.background是背景属性
background: #fff;
//这里是设置网页显示的字体,像我们应该在后面加上一个"宋体"
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
//这个是指你网页中文字显示多大的大少就用font-size来表示
font-size: 11px;
}
// 这里定义了一个wrap,宽度为660;定位为相对定位,背景是黑色,高为362,内边距用padding。这里也就是说上和下的边距为0px,左右为30,其实就是一个居中,color#999就是这个wrap里面的所有文字的颜色,margin-left指的是外左边距为25px。在你的网页中调用时应该使用 Id="wrap" 来调用; 这个应该是用div+css
#wrap {width:660px; position:relative; background:#000; height:362px; padding:0 30px; color:#999; margin-left:25px;}

//a.nikon_link a.nikon_link:visited表示wrap里面的nikon_link的连接和访问过后的连接颜色为#bcd文字大小了10px; a.nikon_link:hover{text-decoration:none;} 表示:nikon_link的连接经过里时的没有下划线
#wrap a.nikon_link, #wrap a.nikon_link:visited {color:#bcd; font-size:10px;}
#wrap a.nikon_link:hover {text-decoration:none;}

//一个flyout的id 用法如wrap 。font-size表示文字大小为11,padding:0; margin:0;没有内边距和外边距,list-style:none;表示当你使用无序列表li ul ol里没有修饰。也就是没有圆点等。一些上面说过的我就不赘述了。
position:absolute 表示这个div使用了绝对定位.left:-25px.表示离左25px;

#flyout {font-size:11px; padding:0; margin:0; list-style:none; width:24px; height:360px; position:absolute; left:-25px;}

// 下面的表示flyout这个div里面的ul没有内边距和外边距list-style:none;表示当你使用无序列表li ul ol里没有修饰。也就是没有圆点等。
#flyout ul {padding:0; margin:0; list-style:none;}

//display:block表示这个li用块来显示,宽为24高为120。背景为#1c1c1c;
#flyout li {display:block; width:24px; height:120px; background:#1c1c1c;}

// li a表示li这个里面的连接为块状,text-indent:-999px这个我就不太清楚,没用过;请原谅;text-decoration:none表示无下划线
#flyout li a {display:block; width:24px; height:120px; text-indent:-999px; text-decoration:none;}
//li a.nikon表示nikon这个的连接背景属性有一个nikon_button.gif.下面的canon pentax也一样,不多述了
#flyout li a.nikon {background:url(nikon_button.gif);}
#flyout li a.canon {background:url(canon_button.gif);}
#flyout li a.pentax {background:url(pentax_button.gif);}

//表示flyout这个id里面的表格为绝对定位,border-collapse:collapse设置或检索表格的行和单元格的边是合并在一起;
top:0; left:0 表示离上和左为0;font-size:1em表示文字大小为1em
#flyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
//下面是设置id为flyout的div的li浮动为左浮动,下边距为1px
#flyout li {float:left; margin-bottom:1px;}
// visibility:hidden设置li下的ul为隐藏且绝对定位,对上为0左为24,宽为400,高为117,左边的边框是1px显示为细线且颜色为白色,上内边距为4px.这里需要说明的,虽然是隐藏但是他还是点有位置的。
#flyout li ul {visibility:hidden; position:absolute; top:0; left:24px; width:400px; height:117px; border-left:1px solid #fff; padding-top:4px;}

好了。我去打篮球了。明天上班一定帮你补上。另外你可以去下载苏沈小雨的css手册;
这里面有一一的解释。我的一点css知识也是从这里面获取的;
URL为:http://download.csdn.net/source/404919

下面继续 早上8:10
//设置li下ul的li属性显示为块状,display:inline就是将元素显示为行内元素.行内元素是不可以更改他的长宽属性的。而且宽为100px,高为22px,边框为0,margin:0 10px表示上下外边距为0,左右外边距为10px;其实他也可以表示为margin:0 10 0 10.具体表示上0右10下0左10,背景为透明
#flyout li ul li {display:block; display:inline; width:100px; height:22px; border:0; margin:0 10px; background:transparent;}

// 下面表示id为flyout的li下ul的li的连接属性text-indent:0; 文字缩进为0px;背景为透明,显示成块状,且宽为100px,高为22px。line-height:21px表示文字的高度21px; 文字颜色为#bbb,下边框为1px显示为细线且颜色为#555,text-decoration:none表示无下划线;
#flyout li ul li a {text-indent:0; background:transparent; display:block; width:100px; height:22px; line-height:21px; color:#bbb; border-bottom:1px solid #555; text-decoration:none;}

//下面设置li下的b的属性为隐藏,显示为块状,宽为360px,高为120px,且是绝对定位离上为0px,左为24px;背景颜色为#234,opacity:0.8; filter:alpha(opacity=80);表示透明度为80%;
#flyout li b {visibility:hidden; display:block; width:360px; height:120px; position:absolute; top:0; left:24px; background:#234; opacity:0.8; filter:alpha(opacity=80);}

//下面表示网页与id为flyout下的li的经过链接属性:
相对定位,white-space表示自动换行,normal也是white-space的默认属性;
* html #flyout li a:hover {position:relative; white-space:normal;}

//下面表示网页与id为flyout下的li和ul下的li的经过链接属性:文字显示为黑色,背景为#bcd;
* html #flyout li a:hover ul li a:hover {color:#000; background:#bcd;}

//下面表示id为flyout下的li的经过属性为相对定位
#flyout li:hover {position:relative;}

//下面表示id为flyout下的li和ul下的li的经过属性:文字为黑色且背景为#bcd;
#flyout li:hover ul li a:hover {background:#bcd; color:#000;}

//下面的表示li下b的hover,也就是经过属性:visibility:visible 会自动换行

#flyout li:hover b,
#flyout li a:hover b {
visibility:visible;
}

解释完毕,希望对你有所帮助。。不过有些属性我也不是很清楚。。去下个手册然后下Xhtml的模板看他们的css这样的话学起来就会很快的

没仔细看一楼的答案,不过按照量来说,足够你看的,加油

一楼辛苦啦!


有谁懂HTML语言给我翻译一下的!!!
前面四句 是网页背景和底色设置 第5句是一句连接命令 第六句也是一句色彩编辑命令 (你用你的成功,你的喜讯,抚平了我额上的皱纹,我的心也顿觉年轻。愿你再接再厉,永不止步。)就是上一句编辑的插入条(在网页中显示)后面是一个联接网址 最后两句是插入图片的真实网址 ...

懂HTML语言的高手进!如何设置图片在表格的右边?
最近刚学了HTML语言,正在制作一个网页,排版时把一竖列图片放在了右边,左边是文字和插入表格.图片设置了<img src="http:\/\/...jpg" width=... height=... align="right">但结果右边几张图片排到了表格的右下方.应该怎么修改?匿名 | 浏览2205 次 |举报 我有更好的答案推荐于2017-12-15 12:31:29 最佳...

在HTML5里下面代码不懂,谁能帮忙解释下
event.preventDefault()说明 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者...

学HTML5需要什么基础,怎么入门?
1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局,可实现响应式布局,一套代码适配 PC 端、移动端、平板设备等。2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用...

完全小白,不懂html,懂ps,想学淘宝sdk,是不是很困难,谁能救救我?
其实我觉得想学就不会很困难,关键是你要静的下心。同时学习又分为两种:速成培训班和自学 前者速度快一些,不过要耗费一些资金,而且上课都是按照教学科目来讲的,教什么学费就学什么东西,所以要一定的代码基础,等于要再加个html的培训班。好处就是不容易迷失方向,因为是有经验的领着你走。后者就...

html怎么把图片移动一下呀,我不懂html求高手。
什么意思 你是让图片动起来 还是移动到固定的位子?如果你是想要那个图片向下移动对齐的话就 margin-top:XXpx;或者 padding-top:xxpx;xx表示数字 你慢慢调 看看多少能对齐就是多少 下面的图片上一也是一样的 只是数字的个负数~~

懂计算机的、html网页制作的进!急!!!
你可以建一个新的文件夹,里面就放你的几个网页,在别人的电脑上根据你的路径存放,或者存放后,改相应的路径,还有,名字尽量用英文,有时候,中文是识别不了的!你试试看吧、、

HTML 解密问题 懂的来
function SetNewWords(){ var NewWords;NewWords = unescape(Words);document.write(NewWords);} SetNewWords();\/\/ --> <\/SCRIPT> <\/HEAD> <BODY> <\/BODY> <\/HTML> 解密后的 求采纳!这个就是简单的URL编码 找个url解码工具 一按就好了 ...

HTML 解密问题 懂的来
function SetNewWords(){ var NewWords;NewWords = unescape(Words);document.write(NewWords);} SetNewWords();\/\/ --> <\/SCRIPT> <\/HEAD> <BODY> <\/BODY> <\/HTML> 解密后的 求采纳!这个就是简单的URL编码 找个url解码工具 一按就好了 ...

0基础如何自学html和css
在这里有最新的HTML课程免费学习 也有很多人指导你进步,不需要你付出什么,只要你是真心想学习的,随便看看的就不要加了,加了也是浪费大家的时间。正确的方向胜过无谓的努力 有两只蚂蚁想翻越一段墙,寻找墙那头的食物。一只蚂蚁来到墙脚就毫不犹豫地向上爬去,可是每当它爬到大半时,就会由于劳累、...

山城区18374036173: 谁会html语言,帮我写一个简单网页的代码框架. 急需!!! -
岳钱佩尔: <html> <head> <style type="text/css"> body{background:url(这里是网页背景图片);} #d{width:100%;text-align:center;} #dd{width:940px;height:60px;background:white;} #d-h{width:940px;height:240px;background:black;} #d-b{width:940px;...

山城区18374036173: 有谁懂网站设计制作呢?
岳钱佩尔: 我懂啊,看你制作什么样的网页了,网页有静态网页和动态网页两种, 静态网页用语言一般是HTML、css、XML,用Dreamweaver,Frontpage软件来做,制作静态网页比较快,但是效果不是那么好. 动态网页一般是PHP、C#、jsp、php、asp.net、JAVA语言来编写,现在用得比较多的就是vs之类的软件、动态网页要慢慢做 如果不想代码,还有一些智能建站工具 全新升级的V5版建站宝盒 http://www.nicenic.com/design/?s=leixin 会打字随意做出自己想要的网站功能模块,动态、静态网页可以实现.

山城区18374036173: HTML谁懂,帮个忙
岳钱佩尔: <input type=radio name=type_yinyue value=0> 摇滚 <input type=radio name=type_yinyue value=1> 爵士 <input type=radio name=type_yinyue value=2> 流行 流行 checked="checked"表示已勾选

山城区18374036173: 谁懂网页代码.进来帮我下可以吗? -
岳钱佩尔: html的话只能用框架,会很不自然,建议你改成asp格式的,写一句代码即可 1、做好页面的顶部,保存为top.htm 2、做好页面的底部,保存为bottom.htm 3、做好你的网页内容,不要头部和尾部的.保存,关闭,把后缀名改为asp,如果你本来...

山城区18374036173: 谁会CSS语言 -
岳钱佩尔: 看了一眼你给的网址,好像你的内容div掉下来了是吧.把你内容div的宽度改小一点width:000px; 页面代码很多.看得眼花. 我看还是你说你想要的效果,我们大家看看给你点什么建议.

山城区18374036173: HTML语言及网页制作,谁帮我来做个作业啊? -
岳钱佩尔: 针对评分标准: 1\你自己选网页的主题内容,再决定用的主色调,按照你上面给出的要求,该网站除了留白外,最好不要超过两色 2\设计规范和导航的清晰,就是你要考虑网站的层次链接了,和你的主题内容有关,做个统一模板,内容区作一些...

山城区18374036173: 请css高手帮忙写DIV一个样式表.我想要实现的是:有两行文字,第一行的字体要红色的,并且开头空两格,... -
岳钱佩尔: 正常显示,前面没空格...

山城区18374036173: 求高手帮我解释下CSS -
岳钱佩尔: td { font-size: 12px; line-height: 140%; font-family: "Verdana"; font-weight: normal; color: #FFFFFF; }(所有td标签内字号,行高,字体,粗细,颜色).smallfont { font-size: 11px; font-family: "Verdana"; }(自定义样式smallfont的字体字号,...

山城区18374036173: html中使用css定义样式的元素、ID和类分别是什么意思?如题,本人是初学者,不要见效,可能非常低级.所以我希望能有好心人用一种非常易于理解的方式... -
岳钱佩尔:[答案] 以DIV为例. 元素:是指一类所有的元素.CSS定义为:div{}.定义之后就是所有的div都是这种样式了.范围广. ID:是指id为某个值的元素.CSS定义为:#div_id{}.定义之后就是ID为div_id的div是这种样式.范围单一,一般用于指定的元素. 类:是指class为...

山城区18374036173: 有谁懂HTML?
岳钱佩尔: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head><frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0"> <frameset cols="80,*" ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网