html在线测试页面,HTML - 在线打字测试(dazi.kukuw.com)

本文详细介绍了HTML中各种元素的样式定义及布局方法,包括不同情况下的高度、宽度设置,浮动、定位等属性的应用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML

贡献者:张金辉

7ebbe15b9c7da8870e85efe831cde9d6.png 类别:代码 时间:2017-12-24 18:13:29 收藏数:6 评分:0

返回上页

举报此文章

请选择举报理由:

广告/谣言/欺诈

政治敏感

色情/违法信息

垃圾文章

其他

收藏到我的文章

改错字

{height:100%}#head_wrapper{position:relative;height:38.2%;min-hei

ght:293px;width:1000px;margin:0 auto;_height:293px}#head_wrapper.s-do

wn{position:fixed;_position:static;top:0;left:50%;height:50px;min-h

eight:50px;z-index:20;width:802px;padding-top:9px;margin-left:-447p

x;_margin:0 auto}#head .s-ps-islite{_padding-bottom:370px}#head_wra

pper.s-ps-islite{padding-bottom:370px}#head_wrapper.s-ps-islite #s_l

m_wrap{bottom:298px;background:none !important;filter:none !important

}#head_wrapper.s-ps-islite .s_form{position:relative;z-index:1}#head

_wrapper.s-ps-islite .fm{position:absolute;bottom:0}#head_wrapper.s-p

s-islite .s-p-top{position:absolute;bottom:40px;width:100%;height:181

px}#head_wrapper.s-ps-islite #s_lg_img{position:static;margin:33px a

uto 0 auto}#head_wrapper.s-down .s_form_wrapper{width:805px}#head_wr

apper.s-down .s_form{min-width:550px;margin:0;width:100%;height:100%}

#head_wrapper.s-down .s-p-top{display:none}.s_lm_hide{display:none !i

mportant}#head_wrapper.s-down .fm,#head_wrapper.s-down #result_logo{di

splay:inline-block;*display:inline;zoom:1;vertical-align:middle}#head_

wrapper.s-down #result_logo{-webkit-animation:fadein 1s}#head_wrapper.

s-down #s_lm_wrap{display:none}@-webkit-keyframes fadein{from{opacity:

0}to{opacity:1}}#head_wrapper.s-down #result_logo img{width:101px}#hea

d_wrapper.s-down .fm{margin:8px 0 0 25px}.s-lite-version #m{padding-to

p:125px}#head_wrapper .s-p-top{height:61.8%;min-height:181px;position:

relative;z-index:0;text-align:center}#s_lg_img{position:absolute;bottom

:10px;left:50%;margin-left:-135px}#head_wrapper .s-word-top{margi

n-top:-1px;margin-bottom:11px}#form{z-index:1}#s_lm_wrap{position:a

bsolute;margin-left:-447px;bottom:0;left:50%;z-index:0;height:30px;w

idth:895px;line-height:30px;text-align:center}.s-skin-hasbg #s_lm_wr

ap{background:none;background-image:-webkit-gradient(linear,left top

,left bottom,from(rgba(0,0,0,0.3)),to(rgba(0,0,0,0.3)));background

-image:-moz-linear-gradient(rgba(0,0,0,0.3) 0,rgba(0,0,0,0.3) 100%)

;background-image:-ms-linear-gradient(rgba(0,0,0,0.3) 0,rgba(0,0,0,

0.3) 100%);background-image:-o-linear-gradient(rgba(0,0,0,0.3) 0,

rgba(0,0,0,0.3) 100%);background-image:linear-gradient(rgba(0,0

,0,0.3) 0,rgba(0,0,0,0.3) 100%);filter:progid:DXImageTransform.

Microsoft.gradient(startColorstr=#66000000,endColorstr=#6600000

0)}#s_lm_wrap.s-down{display:none}#lm{color:#666;height:15px;lin

e-height:16px;padding:7px 0}#lm a{text-decoration:underline;colo

r:#666}#nv{margin:0 0 5px;_margin-bottom:4px;padding:2px 0 0;tex

t-align:left;text-indent:50px}#nv a,#nv b{margin-left:19px}#nv a

,#nv b,.btn,#lk{font-size:14px}.s_form{width:641px;height:100%;m

in-height:293px;margin:0 auto 0 auto;text-align:left;z-index:10

0}.s-down .s_form{padding-left:0;margin-top:0;min-height:0}.s_f

orm .tools{position:absolute;right:-55px}.s_form_wrapper{heigh

t:100%}#head_wrapper.s-down #kw,#kw{width:521px;height:20px;pad

ding:9px 7px;font:16px arial;border:1px solid #b8b8b8;border-bot

tom:1px solid #ccc;border-right:0;vertical-align:top;outline:non

e;box-shadow:none}.s-skin-hasbg .self-btn{background:url(https:

//ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/spis7_d

7c9959e.png) no-repeat #fff}.btn{color:white;background-color:

#38f;width:102px;height:38px;font-size:16px;border:0}#head_wra

pper.s-down .btn,.s-title-img .btn{cursor:pointer;width:102px;

height:38px;line-height:38px;padding:0;border:0;background:non

;background-color:#38f;font-size:16px;color:white;box-shadow:no

ne;font-weight:normal}#head_wrapper.s-down .btn:hover,#head_wra

pper.s-down .btn.btnhover,.s-title-img .btn:hover,.s-title-im

g .btn.btnhover{height:39px;_height:38px;background-color:#317

ef3;border-bottom:1px solid #2868c8;*border-bottom:none;box-sh

dow:1px 1px 1px #ccc}.s-skin-hasbg .btn{width:104px;height:40px;

line-height:40px;line-height:37px\9;padding:0;border:0;backgrou

nd-position:-464px -42px;cursor:pointer;color:#000;font-size:16p

x}.s-title-img .nobg_btn_bg:hover{padding:0;background-color:#2

e85ff;border:1px solid #2e85ff;color:white}.s-title-img .s-skin-h

asbg .nobg_btn_bg:hover{padding:0;background-color:#fff;border:0

;color:white}.s-skin-hasbg .s-title-img .btn:hover{border-botto

m:none;box-shadow:1px 1px 3px rgba(0,0,0,0.2);height:40px}#head_

wrapper.s-down .btn_h,.btn_h{padding:0;background-color:#2a7beb;

color:white;outline:none}.s-skin-hasbg .s-title-img .btn_h{backg

round-position:-136px -43px;background-color:#e6e6e6}#kw{margin:0

}.s-title-img .nobg_s_fm_focus{border-top:1px solid #38f !import

ant;border-left:1px solid #38f !important;border-bottom:1px solid

#38f !important}.nobg_s_fm_hover{border-top:1px solid #999 !impor

tant;border-left:1px solid #999 !important;border-bottom:1px soli

d #b3b3b3 !important}.s-skin-hasbg .s-title-img .nobg_s_fm_focus{

border:0 !important}.s-skin-hasbg .nobg_s_fm_hover{border:0 !impo

rtant}.s-skin-hasbg .btn_wr{background-position:-287px -41px;width

:104px;height:40px;border:0}#head_wrapper.s-down .s_btn_wr,.s_ip

t_wr,.s_btn_wr{display:inline-block;*display:inline;zoom:1;vert

ical-align:top;*vertical-align:middle}#head_wrapper.s-down .s_btn

_wr,.s_btn_wr{width:102px;height:38px;border:1px solid #38f;borde

r-bottom:1px solid #2e7ae5;background-color:#38f}.s-skin-hasbg #h

ead_wrapper.s-down .s_ipt:focus{border-top:1px solid #38f !import

ant;border-left:1px solid #38f !important;border-bottom:1px solid

#38f !important}#head_wrapper.s-down #mCon span{color:#000}.s_bt

n_wr:hover{border-bottom:1px solid #2771d9}.s-skin-hasbg .s_btn_w

r:hover{border-bottom:none}.s_btn_wr_h{border-left:1px solid #287

5df;border-right:1px solid #2875df;border-top:1px solid #2469c8}#

lk{margin:33px 0}#lk span{font:14px "\5b8b\4f53"}#lh{margin:16px

0 5px;word-spacing:3px}#mCon{height:15px;line-height:15px;width:

28px;padding:10px 8px 0 0;cursor:pointer;background:url(https://ss

0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/spis7_d7c9959e

.png) no-repeat -684px -605px}#mCon span{color:#333;cursor:default

;display:block}#mCon .hw{text-decoration:underline;cursor:pointer}#m

Menu{width:56px;border:1px solid #9B9B9B;list-style:none;position:

absolute;right:-9px;top:30px;display:none;background:#fff;box-shad

ow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-s

hadow:1px 1px 2px #ccc;filter:progid:DXImageTransform.Microsoft.S

hadow(Strength=2, Direction=135, Color="#cccccc")\9}#mMenu a,#mMe

nu a:visited{color:#00C;width:100%;height:100%;display:block;line

-height:22px;text-indent:6px;text-decoration:none;filter:none\9}#

mMenu a:hover{background:#ebebeb}#mMenu .ln{height:1px;background:#

ebebeb;overflow:hidden;font-size:1px;line-height:1px;margin-top:-1

px}#cp,#cp a{color:#77c}#tb_mr{color:#00C;cursor:pointer;position:

relative;z-index:200}#tb_mr b{font-weight:normal}#nv a,#tb_mr b{tex

t-decoration:underline}#nv a{color:#00C}#hwr_div,#loading{z-index:3

000}.bd_bear_home{display:none}#mHolder{display:none}#mHolder .c-ic

on{right:0;top:0;position:absolute;float:right;width:15px;height:1

5px}.main{display:none}#s_feed{display:none}.s-ps-sug{border:1px so

lid #CCC !important;box-shadow:1px 1px 3px #ededed;-webkit-box-sha

dow:1px 1px 3px #ededed;-moz-box-shadow:1px 1px 3px #ededed;-o-box-

shadow:1px 1px 3px #ededed;position:absolute;top:32px;left:0}.s-p

s-sug table{width:100%;background:#fff;cursor:default}.s-ps-sug

td{color:#000;font:14px arial;height:25px;line-height:25px;paddi

g:0 8px}.s-ps-sug td b{color:#000}.s-ps-sug .mo{background:#ebebeb

;cursor:pointer}.s-ps-sug .ml{background:#fff}.s-ps-sug td.sug_st

orage{color:#7A77C8}.s-ps-sug td.sug_storage b{color:#7A77C8}.s-p

s-sug .sug_del{font-size:12px;color:#666;text-decoration:underline

;float:right;cursor:pointer;display:none}.s-ps-sug .sug_del{font-

size:12px;color:#666;text-decoration:underline;float:right;cursor

pointer;display:none}.s-ps-sug .mo .sug_del{display:block}.s-ps-su

g .sug_ala{border-bottom:1px solid #e6e6e6}.s-ps-sug td h3{line-he

ight:14px;margin:6px 0 4px 0;font-size:12px;font-weight:normal;co

lor:#7B7B7B;padding-left:20px;background:url(img/sug_bd.png) no-re

peat left center}

.s-ps-sug td p{font-size:14px;font-weight:bold;padding-left:20px

}.s-ps-sug td p span{font-size:12px;font-weight:normal;color:#7B7

7B}#s_user_center{font-weight:normal;background-position:right -

223px\9}#s_user_center_menu{right:131px}.s-ps-islite #nv{paddin

g-top:22px;line-height:16px;height:16px;margin-bottom:13px}#form

.bdsug .bdsug-direct{width:auto;padding:0;border-bottom:1px s

olid #f1f1f1}#head_wrapper .bdsug .bdsug-direct p{color:#00c;fo

nt-weight:bold;line-height:34px;padding:0 8px;margin-top:0;curso

:pointer;white-space:nowrap;overflow:hidden}#head_wrapper .bdsug

.bdsug-direct p img{width:16px;height:16px;margin:7px 6px 9px 0;

vertical-align:middle}#head_wrapper .bdsug .bdsug-direct p span

{margin-left:8px}#head_wrapper .bdsug .bdsug-direct p i{font-siz

e:12px;line-height:100%;font-style:normal;font-weight:normal;colo

r:#fff;background-color:#2b99ff;display:inline;text-align:center;pa

dding:1px 5px;*padding:2px 5px 0 5px;margin-left:8px;overflow:hid

声明:以上文章均为用户自行添加,仅供打字交流使用,不代表本站观点,本站不承担任何法律责任,特此声明!如果有侵犯到您的权利,请及时联系我们删除。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值