css学习

link rel uu.wodemo.net

css (@css1) — Wed, 17 Mar 2021 01:49:26 -0700

css link 网站模板看不懂 body{font:normal normal normal 14px/normal verdana,arial,sans-serif;}.warning{color:green;}.file_list{padding:0;}.file_list li{list-style:none;}.file_list span{font-size:10px;}img{border:0;max-width:100%;}#contacts-list{list-style-type:none;margin:0;padding:0;}#contacts-list li{margin-bottom:12px;border-left:1px solid #E6E6E6;padding-left:6px;}.call-block{display:block;width:58px;height:28px;border:1px solid gray;border-radius:4px;margin-bottom:2px;float:left;margin-right:14px;text-align:center;padding-top:12px;}a:link.call-block{text-decoration:none;color:black;}a:visited.call-block{text-decoration:none;color:black;}a:hover.call-block{text-decoration:none;color:black;}a:active.call-block{text-decoration:none;color:black;}#compose-contents textarea{width:300px;height:200px;}#compose-contents .section{margin-bottom:10px;}#compose-sections td{border:1px solid #9d9d9d;border-radius:4px;background-color:#BDBDBD;}input.compose-title{width:80%;max-width:550px;}#compose-form input.submit{margin-top:10px;}#compose-form td{vertical-align:text-top;}td.wo-compose-attachment-title{vertical-align:center;text-align:center;}#compose-form td.upload{border-bottom:1px solid #CFC8C8;}.input-fileext{width:50px;}.wo-entry-section{margin-bottom:5px;}.wo-warn{background-color:yellow;padding:3px;margin-top:3px;padding-left:10px;border-radius:4px;}.wo-entry-title{border-bottom:1px dotted #cecece;padding-bottom:5px;margin-bottom:2px;}.wo-entry-time{color:#969393;margin-bottom:10px;}.wo-file-title{font-size:14px;}div.wo-file-main{padding-bottom:10px;}.wo-file-main p{margin:0;}.wo-file-screenshot p{margin-top:10px;}.wo-search-result-host{color:gray;}.wo-file-localenames{display:none;padding-left:10px;}.wo-file-permissions{display:none;}.wo-button{text-align:center;display:block;background-color:#464646;color:white;padding:3px;text-decoration:none;width:97px;border-radius:4px;}a:hover.wo-button{background-color:#817b7b;}.wo-group-list-title{color:#5c5a5a;font-size:24px;font-weight:bold;text-decoration:none;}a:hover.wo-group-list-title{text-decoration:underline;}.wo-group-list-author{color:#645f5f;font-size:11px;font-weight:bold;text-decoration:none;}.wo-group-list-item{border-bottom:1px solid #d0d0d0;margin-bottom:5px;}.wo-group-topic-op{border-bottom:none;}.wo-group-topic-header{margin-bottom:10px;}.wo-group-topic-header h1{font-size:20px;display:inline;}.wo-group-contents{padding:10px 2px 5px 2px;white-space:pre-wrap;}.wo-group-topic-stats{display:block;background-color:#D0D0D0;color:#777272;padding:5px;text-decoration:none;border-radius:4px;margin-bottom:20px;}.wo-group-header h1{font-size:18px;display:inline;}.wo-group-header a.wo-button{text-align:center;display:inline-block;background-color:#464646;color:white;padding:3px;text-decoration:none;width:97px;border-radius:4px;}.wo-my-groups-list{padding-left:2px;margin-top:2px;margin-left:2px;}.wo-my-groups-list li{list-style:none;}.wo-group-description{color:#949494;}.wo-group-anonymous-name{color:#949494;}.wo-group-stats{color:gray;}.wo-group-member-list{padding-left:0;}.wo-group-member-list li{display:inline;padding-right:6px;list-style:none;}.wo-reply-at{text-decoration:none;}h1.wo-subscribe{font-size:20px;}.wo-notification-item-contents{border-left:1px solid gray;padding-left:10px;}.wo-entry-file-widget{padding-left:10px;padding-top:6px;display:none;}.wo-entry-file-widget p{margin:0;padding:0;}.wo-toggle-link{text-decoration:none;}.wo-hidden{display:none;}.wo-compose-advance{padding-left:10px;}.wo-compose-advance input{width:280px;}.wo-entry-section blockquote{border-left:4px #c3c3c3 solid;padding:0 5px 0 5px;margin:0;}.wo-entry-section pre{border:solid #cdc5c5 1px;padding:5px 5px 5px 5px;border-radius:3px;}.wo-group-count-link{border-radius:4px;padding:2px 3px 2px 3px;margin-right:10px;display:inline-block;text-decoration:none;background-color:#bebebe;color:#6e6e6e;}a:visited.wo-group-count-link{border-radius:4px;padding:2px 3px 2px 3px;margin-right:10px;display:inline-block;text-decoration:none;background-color:#e5e5e5;color:#c1c1c1;}.wo-entry-prev-next{margin-top:20px;margin-bottom:5px;} 读CSS源代码网站模板看不懂

/********************
******************** 
 The css by じ羁绊
 休憩所 uu.wodemo.com
请勿修改，谢绝抄袭！
  ********************
*********************/

h1{font-size:1.2em;}

#whole_body:after{
text-align:center;
content:"休憩所--记录生活点滴，分享网络乐趣。";
margin:0px 0px 10px;
border-radiu:20px;
border:1px 2px 3px #eee;
display:block;
height:30px;
line-height:30px;
font-size:0.8em;
font-weight:bold;
overflow:hidden;
padding-left:0;
opacity:0.5;
color:#00aa00;}

img{max-width:99.999%;text-align:center;}
.wo-file-description-area{
backgrou.nd-color:#ffffff; 
text-align:left;
border: 2px solid #ececec;
border-radius: 4px;
box-shadow: 5px 3px 12px #111;
padding: 2px 8px 2px 10px;
margin: 1px  5px 5px 5px;
}

#whole_body:after{
content:url(http://m.moonsn.com/image.php?908) ;display:none;
}

html:after{
content:url(http://m.moonsn.com/image.php?909) ;display:none;
}
html:before{
content:url(http://m.moonsn.com/image.php?910) ;display:none;
}

.wo-entry-section,.wo-read-content{text-align:left;color:#000000;}

.wo-main-body,.wo-mode-visitor{
}
.wo-file-main p{}
.wo-file-screenshot p{margin-top:10px;}

select{float:right;color:#0083de;
background: #ffffff;
padding: 3px;
font-size: 0.6em;
border: 1px dotted #eee;

height: 3em;
border-radius:8px;
-webkit-appearance: none;/*for chrome*/
}

#category a[href*="/cat/"]{background:#ffffff;padding:4px;margin:3px 0;font-size:0.6em;font-weight:bold;border: 2px dotted #eee;border-radius: 8px;width:20%;color:#;}

p{background:#84c1ff;padding:5px;margin:4px 0;font-size:16px;font-weight:bold;border: 2px dotted #eee;border-radius: 8px;color:#ffffff;text-align:center;
}

p a{color:#fff;background:#84c1ff;}

textarea{font-size:1em;text-indent:2em;border-color:ffffff;width:99%;
background:#ffffff;
border: 1px solid #84c1ff;
border-radius: 8px;
background: url(.) repeat-y;
background-size:auto 120%;
}
input[type="button"],
input[type="submit"]
{	float:left;
background-color: #99dd00;
display:block;text-align: center;color:#ffffff;line-height: 28px;width:100%;border: 1px solid #99dd00;
opacity:0.9;
margin: 1px 2px;border-radius: 3px;
}

input:hover{line-height:50px;}
input{line-height: 28px;width:100%;border: 1px solid #99dd00;
opacity:0.9;
}
.btn{	float:left;background-color: #84c1ff;display:block;text-align: center; color:#ffffff;line-height: 28px  ;      width:23%;border: 1px solid #84c1ff;margin: 1px 2px;border-radius: 3px;}
input[type="button"]:hover,input[type="submit"]:hover,.btn:hover{border: 1px solid #bbff00;background:#bbff00;line-height:30px;}ul.file_list{text-align:left;counter-reset: xws;line-height:2em;width:100%;
}ul.file_list li{counter-increment: xws;
}ul.fil.e_list li:before{
content: counter(xws);
background: #009fcc;
color: #ffffff;
padding: 2px 4px;
border: 1px solid #009fcc;
margin: 1px 2px;
font:0.6em bold italic;
border-radius: 5px;
}#xws-body>ul.file_li.st li:nth-child(-n+9):before{content: "0"counter(xws);
}
body{background: -webkit-gradient(linear,left top,left bottom,from(#72c6fa),to( #ddddd9));url() fixed center top no-repeat ;}
.int,#xws-body>ul.file_list>li a{
font-size:0.8em;text-align:left;
border-radius:8px;padding:4px 2px;border:1px overflow:hidden;word-wrap:break-word;word;break:break-all;background:#ffffff;color:#0083de;}#xws-body>ul.file_list>li a:hover{opacity0.8;}#category a[href*="/cat/191581"]{display:none;}#category{margin:5px 5px;
padding:0px  0px;line-height:2em;
text-align:center;border-left:1px solid #eee;border-right:1px solid #eee;
}bo.dy{#76c2fa;}bo.dy{background: -webkit-gradient(linear,left top,left bottom,from(#76c2fa),to( #D9FFFF ));url() fixed center top no-repeat ;}

body:after{
content:url(http://m.moonsn.com/image.php?885) ;display:none;
}
body:before{
content:url(http://img.users.51.la/16738606.asp) ;display:none;
}h1,#c,#c a,.c, .c a{text-align:center;}#r,#r a,.r,.r a{text-align:right;}#l,#l a,.l,.l a{text-align:left;}.file_list span{display:none;}
#whole_body a{ text-decoration:none;line-height：140%;
overflow:hidden;
word-wrap:break-word;word-break:break-all;
}#whole_body a:hover{ backgro.und:#eee;color:#99dd00;font-size:0.8em;text-decoration:none;}#whole_body{opacity:0.9999;
background:#ffffff;font-size:15px;padding:0px;color:#454545;max-width:720px;text-ali.gn: center;margin: auto;padding: 0.3px 8px ;border-radius: 12px;line-height:1.8em;
box-shadow: 0px 1px 1px #aaa;co.lor: #0066aa;/* ;默认字体颜色*/}

#whole_body:before {
content: " 休憩所  ";
margin: 0px -8px 10px -8px ;
display: block;
height: 50px;
border-radius:3px;
line-height: 50px;
font-size: 21px;
font-weight: bold;
overflow: hidden;
text-align: center;
padding-left: 0;
background: #0083de;
background: -webkit-gradient(linear,left top,left bottom,from(#0099de),to(#0099de
));
background: -moz-linear-gradient(top, #0083de,#0083de);
background: -ms-linear-gradient(top, #0083de, #0083de);
box-shadow: 0 1px 3px #0083de;
color: #fff;}/*tie*/.wo-entry-title{; 
text-align:center;font-weight:100%;color:#0083de;line-height:2em;
        font-size:1.1em;
}.wo-entry-time:after,hr{height:0em;line-height:0em;border:none;border-top:1px solid #ececec;width:97%;}.wo-entry-time:after{display:block;font-size:18px;content:"  [内容]";height:30;text-align:left;color:#0083de;}
.wo-entry-title {
border-bottom:0px;
} .wo-entry-time{color:#aaa;margin-bottom:10px;text-align:right;font-size:9px;}
/*The css by jiban,he website is http://uu.wodemo.com*/
/*list*/
#xws-body>ul.file_list li{
opacity:0.9;font-size:1em;
margin:0px 0 0 0;padding:0;
}
#xws-body>ul.file_list a{background:#000000;
display:block;padding:5px;color:#ffffff;
margin:0px 0px;line-height:1em;height:4em;border-radius:100px;border:2px solid #84c1ff;box-shadow:0px 1px 5px #ececec;
word-wrap:break-word;word-break:break-alloverflow:hidden;
text-indent:1em;
}#xws-body>ul.file_list>li>a:hover{border:2px solid #84c1ff;
;}/*The css by jiban,he website is http://uu.wodemo.com*/.f {

-webkit-animation-name: 'F1';   
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 5;
	/*****動畫設定*****/}

@-webkit-keyframes 'F1'{
	0% { -webkit-transform: translate(-100px, 0px) } /*****動畫位移開始位置*****/
	100% { -webkit-transform: translate(0px, 0px);}} /*****動畫位移結束位置*****/#xws-body>ul.file_list>li>a:visted{color:#0099de;font-size:1.0em;opacity:0.9;background:#ffffff
;text-align:left;}#xws-body>ul.file_list li
:hover:after{
content: counter(xws);
content:"";color:#ccff33;fo
nt-size:1em;text-align:left;line-height:2em;}

#xws-body>ul.file_list li
:before{
content: counter(xws);

backgro.und: #84c2ff;
color: #cc00cc;
padding: 2px 4px;
bord.er: 1px solid red;
margin: 1px 2px;
font:0.9em bold italic;
border-radius: 5px;
  text-align:left;line-height:2em;}

#xws-body hr{
display:none;
}

#xws-b.ody hr:after{
content: " List  ";
margin: 0px -8px 10px -8px ;
display: block;
height: 30px;
border-radius:3px;
line-height: 30px;
font-size: 0.9em;
font-weight: bold;
overflow: hidden;
text-align: center;
padding-left: 0;
background: #77ddff;
opacity:0.5;
box-shadow: 0 1px 3px #007799;
color: #fff;
}/*The css by jiban,he website is http://uu.wodemo.com*/#category a[href*="/cat/181115"],.page_no_link,#ln-h{
display:none;}
#whole_body a{height:3em;text-align:center;
text-shadow: 0px 1px 3px #eee;
background: #ffffff;
color: #33ccff;
padding: 2px 4px;
bord.er: px dotted #eee;
text-sh.adow:1px 2px 6px #aaa
;
font:0.7em bold italic;
border-radius: 5px;
text-align:center;
line-height:3em;
}/********************

The css by じ羁绊
 休憩所 uu.wodemo.com
请勿修改，谢绝抄袭！

*********************/

javascript网站模板看不懂

kQuery=function(a,b){return kQuery.prototype.find(a,b)};kQuery.prototype={find:function(a,e){var b=[],c,d=Object.create(kQuery.prototype);if(typeof a=="object"){d.currentElements=[a];return d}if(e){c=e.currentElements}else{c=[document]}kQuery.each(c,function(h,g){var j=h.querySelectorAll(a);var f=j.length,g;for(g=0;g<f;++g){b.push(j[g])}});d.currentElements=b;return d},on:function(a,b){this.each(function(d,c){if(d.addEventListener){d.addEventListener(a,b)}else{d.attachEvent("on"+a,b)}})},addClass:function(a){this.each(function(c,b){if(c.classList){c.classList.add(a)}else{c.className+=" "+a}})},removeClass:function(a){this.each(function(c,b){if(c.classList){c.classList.remove(a)}else{c.className=c.className.replace(new RegExp("(^|\\b)"+a.split(" ").join("|")+"(\\b|$)","gi")," ")}})},attr:function(a,b){if(typeof b=="undefined"){if(this.currentElements.length<=0){return null}return this.currentElements[0].getAttribute(a)}else{return this.each(function(d,c){if(b===false){d.removeAttribute(a)}else{d.setAttribute(a,b)}})}},val:function(a){if(typeof a=="undefined"){if(this.currentElements.length<=0){return null}return this.currentElements[0].value}else{return this.each(function(c,b){c.value=a})}},html:function(a){if(typeof a=="undefined"){if(this.currentElements.length<=0){return null}return this.currentElements[0].innerHTML}else{return this.each(function(c,b){c.innerHTML=a})}},css:function(a,d){if(typeof d=="undefined"){if(this.currentElements.length<=0){return null}var c=this.currentElements[0],b;if(window.getComputedStyle!="undefined"){styles=window.getComputedStyle(c)}else{styles=c.style}return styles[a]}else{return this.each(function(f,e){f.style[a]=d})}},each:function(a){return kQuery.each(this.currentElements,a)}};kQuery.each=function(b,d){var a=b.length,c;for(c=0;c<a;++c){d(b[c],c)}};kQuery.ajax=function(h,a,g,d,e){if(XMLHttpRequest){xmlhttp=new XMLHttpRequest}else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}xmlhttp.open(h,a,true);xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){var i;if(e=="json"){i=JSON.parse(xmlhttp.responseText)}else{if(e=="xml"){i=xmlhttp.responseXML}else{i=xmlhttp.responseText}}d(i,true)}};if(h=="POST"){var f=null,c;for(var b in g){c=encodeURIComponent(b)+"="+encodeURIComponent(g[b]);if(f){f+="&"+c}else{f=c}}xmlhttp.send(f)}else{xmlhttp.send()}},kQuery.get=function(a,b,c){return kQuery.ajax("GET",a,null,b,c)},kQuery.post=function(a,d,b,c){return kQuery.ajax("POST",a,d,b,c)};kQuery.ready=function(a){if(document.addEventListener){document.addEventListener("DOMContentLoaded",a,false)}else{window.attachEvent("onload",a)}};$=kQuery;function ge(a){return document.getElementById(a)}function wo_check_reg_form(){var h=ge("reg_form");var k=[];var e=WoLang,d,c;e.setGroup("user");if(h.username.value==""){k.push(e._("error_empty"))}else{if(h.username.value.length<2){k.push(e._("error_short"))}else{if(/^[a-zA-Z\d]{2,10}$/.test(h.username.value)==false){k.push(e._("error_name_invalid"))}}}if(h.userpass.value==""){k.push(e._("error_password_empty"))}else{if(h.userpass.value!=h.reuserpass.value){k.push(e._("error_password_not_same"))}}if(k.length>0){var j=ge("reg_form_warning");j.innerHTML="";var b=k.length;for(var g=0;g<b;++g){j.innerHTML+=k[g]+"<br />"}return false}return true}function wo_more_screenshot(){var a=document.createElement("input");a.setAttribute("type","file");a.setAttribute("name","screenshots[]");var b=document.createElement("br");ge("screenshots_container").appendChild(a);ge("screenshots_container").appendChild(b)}WoDom={maxId:0,caches:{},e:function(a,g,c){var f=document.createElement(a),b,d;this.appendText(f,g);b=c.length;for(d=0;d<b;++d){f.setAttribute(c[d][0],c[d][1])}return f},appendText:function(b,c){var a=document.createTextNode(c);b.appendChild(a)},eachClass:function(c,b,a){var d;if(a){d=a.getElementsByClassName(c)}else{d=document.getElementsByClassName(c)}return this.eachElement(d,b)},eachTagName:function(d,b,a){var c;if(a){c=a.getElementsByTagName(d)}else{c=document.getElementsByTagName(d)}return this.eachElement(c,b)},eachElement:function(d,c){var a,b;a=d.length;for(b=0;b<a;++b){if(c(d.item(b))===false){return}}},eById:function(a){return document.getElementById(a)},removeEvents:function(d,b){var a=d.getAttribute("woid");if(!a){return}var c=this.getCache(a);if(d.removeEventListener){return d.removeEventListener(b,c)}else{b="on"+b;return d.attachEvent(b,c)}},addEvent:function(d,b,c){var a=d.getAttribute("woid");if(!a){a=this.createCacheId();d.setAttribute("woid",a)}this.setCache(a,c);if(d.addEventListener){return d.addEventListener(b,c,false)}else{if(d.attachEvent){return d.attachEvent(b,c)}}},setCache:function(b,a){return this.caches[b]=a},getCache:function(a){return this.caches[a]},createCacheId:function(){++this.maxId;return this.maxId}};WoCompose={container:null,index:0,types:["text","image","audio","attachment"],init:function(b){this.container=ge(b);this.container.innerHTML="";this.container.appendChild(WoDom.e("table","",[["id","compose-sections"]]));this.sectionContainer=ge("compose-sections");var j=this.types.length,g="",k;var d=WoLang,m,f;d.setGroup("compose");for(var e=0;e<j;++e){k=this.types[e];m=WoDom.e("a","+"+d._(k),[["href","javascript:void()"],["onclick","WoCompose.add('"+k+"');return false;"]]);this.container.appendChild(m);WoDom.appendText(this.container," ")}var h=WoDom.eById("compose-site"),n=this,c=h.options[h.selectedIndex].value;n.showCategory(c);WoDom.addEvent(h,"change",function(){c=h.options[h.selectedIndex].value;n.showCategory(c)})},showCategory:function(a){WoDom.eById("compose-category").innerHTML=WoDom.eById("site-category-"+a).innerHTML},add:function(b,c){var f=this.sectionContainer,d="",a;if(b=="text"){d+=this.getHtmlText(c);d+='<input type="hidden" name="type['+this.index+']" value="'+b+'" />'}else{d+=this.getHtmlFile(b,c)}d+='<input type="hidden" name="order__'+this.index+'" value="'+this.index+'" />';a=WoDom.e("tr","",[["class","section"],["section",this.index]]);a.innerHTML=d;f.appendChild(a);this.addHandlers();++this.index},getHtmlText:function(f){var d='<td colspan="2"><div>'+this.getHtmlSectionOp(),b,e,a=WoLang;a.setGroup("compose");b=[["markdown","Markdown"],["text",a._("plaintext")],["html","HTML"]];d+='<select class="wo-compose-text-options" name="texttype__'+this.index+'">';for(var c=0;c<b.length;++c){e="";if(f&&f.texttype==b[c][0]){e='selected="selected"'}d+='<option value="'+b[c][0]+'"'+e+">"+b[c][1]+"</option>"}d+="<select>";d+=this.getHtmlHelp(f);d+='</div><textarea name="contents__'+this.index+'">';if(f){d+=WoUtil.escapeHtml(f.contents)}d+="

";return d},getHtmlHelp:function(c){var b="",a="wo-compose-text-help-button-"+this.index;b+=' ';b+=' +help ";b+='

';b+="

Markdown Examples

";b+="[link title](http://example.com)

## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

- List item 1
- List item 2
- List item 3

1. Ordered list item 1
2. Ordered list item 2
3. Ordered list item 3

```
Code
Code
```

This is a ~~strike~~ word.

This is an __important__ word.

- [ ] A todo task.
- [x] A done task.

> Quote
> Quote
> Quote

First Column | Second Column
---------------- | ---------------
Content Row | Content Row
Content Row | Content Row

<p style="color:red">HTML works here too</p>

";b+="

Macros

";b+="{WO.ENTRY.FILES.N.URL} - The URL for Nth file
----- For example {WO.ENTRY.FILES.1.URL}
";b+="{WO.ENTRY.FILES.N.NAME} - The file name for Nth file
";b+="{WO.ENTRY.FILES.N.EXT} - The file extension for Nth file
";b+="

";b+="

";return b},getHtmlFile:function(h,d){var b=WoLang,e="",a="",j="";b.setGroup("compose");e+='';var f=this.types.length,g,k;e+='";e+="";e+='';if(d){a=d.filename;j=d.fileext;e+=''}else{e+='
'}if(!a){a=""}if(!j){j=""}e+=b._("filename")+' . '+this.getHtmlSectionOp()+"";e+="";return e},getHtmlSectionOp:function(){var a=WoLang;a.setGroup("compose");return''+a._("up")+' '+a._("down")+' '+a._("remove")+" "},addHandlers:function(){var a=this;WoDom.eachClass("section",function(b){WoDom.eachClass("up",a.handleUp,b);WoDom.eachClass("down",a.handleDown,b);WoDom.eachClass("remove",a.handleRemove,b);WoDom.eachClass("wo-compose-text-options",function(c){a.handleHelp(c,a)},b)},this.sectionContainer)},handleHelp:function(b,c){var a=WoLang;a.setGroup("compose");WoDom.removeEvents(b,"change");WoDom.addEvent(b,"change",function(){var f=b.nextSibling,d,e;var g=b.options[b.selectedIndex].getAttribute("value");if(f.nodeName!="span"){f=f.nextSibling}d="inline-block";e=$(f);e.css("display",d)})},handleRemove:function(b){var a=WoLang;a.setGroup("compose");WoDom.removeEvents(b,"click");WoDom.addEvent(b,"click",function(){if(window.confirm(a._("You really want to remove?"))){WoCompose.sectionContainer.removeChild(b.parentNode.parentNode.parentNode)}})},handleDown:function(a){WoDom.removeEvents(a,"click");WoDom.addEvent(a,"click",function(){var c=a.parentNode.parentNode.parentNode;var b=c.nextSibling;if(!b||b.nodeName.toLowerCase()!="tr"){return}WoCompose.handleMove(b,c)})},handleUp:function(a){WoDom.removeEvents(a,"click");WoDom.addEvent(a,"click",function(){var c=a.parentNode.parentNode.parentNode;var b=c.previousSibling;if(!b||b.nodeName.toLowerCase()!="tr"){return}WoCompose.handleMove(c,b)})},handleMove:function(b,a){WoCompose.sectionContainer.insertBefore(b,a);WoDom.eachTagName("input",function(c){if(c.getAttribute("name").indexOf("order__")===0){input_value=parseInt(c.getAttribute("value"));c.setAttribute("value",input_value+1)}},a);WoDom.eachTagName("input",function(c){if(c.getAttribute("name").indexOf("order__")===0){input_value=parseInt(c.getAttribute("value"));c.setAttribute("value",input_value-1)}},b)},generateUrlMappingFromTitle:function(){try{var a=$(".compose-title").val();a=a.toLocaleLowerCase().replace(/^[^0-9a-z]+/,"").replace(/[^0-9a-z]+$/,"").replace(/[^0-9a-z]/g,"-").replace(/-{2,}/g,"-");if(a.length==""){alert("There is no 0-9 and a-z in the title")}else{$(".wo-compose-url-input").val("/"+a)}}catch(b){alert(b);alert("Failed to generate")}}};WoUtil={escapeHtml:function(a){return a.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(/>/g,">").replace(/=0){kQuery(".wo-n-count-block").css("display","inline");kQuery(".wo-n-count-num").html(WoUser.notificationCount)}}};WoTemplateEditor={customTemplates:{},defaultTemplates:{},setTemplateName:function(a){this.name=a},setCustomTemplate:function(a){this.customTemplates[this.name]=a},setDefaultTemplate:function(a){this.defaultTemplates[this.name]=a},onTypeChange:function(d,b){this.setTemplateName(b);var c=kQuery("select[name="+b+"_template_type]").val();var a="textarea[name="+b+"_template_contents]";if(c=="default"){if(typeof d=="undefined"||d==""){WoTemplateEditor.setCustomTemplate(kQuery(a).val())}kQuery(a).val(WoTemplateEditor.defaultTemplates[b]);kQuery(a).attr("disabled","disabled");kQuery(a).css("color","gray")}else{kQuery(a).val(WoTemplateEditor.customTemplates[b]);kQuery(a).attr("disabled",false);kQuery(a).css("color","black")}}};

看不懂 json代码

美化版link rel 转自uu

css (@css1) — Wed, 17 Mar 2021 01:22:48 -0700

如何用面向过程？使每次遇到h标题后面的内容!标签或标签时都缩进text-indent:2em;

css (@css1) — Tue, 16 Mar 2021 01:19:47 -0700

示例

table表格

第一列标题	第二列标题	第三列标题	第四列标题	第五列标题
第二行第一列	第二行第二列	第二行第三列	第二行第四列	第二行第五列
第二行第一列
第三行第一列	第三行第二列	第三行第三列	第三行第四列	第三行第五列

金世元中药材传统鉴别经验

1cm

附一中药材彩图

2cm 中药名汉语拼音索引附二中药名汉语拼音索引 B 210 6 14 18

金世元中药材传统鉴别经验

………………………244 226 中药名汉语拼音索引 K

金世元中药材传统鉴别经验

秦皮中药名汉语拼音索引

金世元中药材传统鉴别经验

5-5南寒水石

5-6滑石

5-7五花龙骨

5-8土龙骨2cm

5-9青龙齿

5-10齿墩

5-11石膏

扁豆花…

阿魏…… …………・305

槟榔

冰片…306

补骨脂 209

白扁豆……

白附子…1

蚕蛾………322

白前…

蚕茧……322

白芍

蚕砂………332

白术

苍耳子… 214

白头翁…8

苍术…20

白薇

草豆蔻……215

白芷

草果 216

百部 12

草乌

百合…

侧柏叶…212

柏子仁…

柴胡

败酱草

蟾酥…… ……314

板蓝根 …………………·1

车前草… 218

半夏

车前子… 217

半枝莲 273

沉香

薄荷

陈皮 21

北豆根

赤芍

北沙参

重楼

萆蘚

川贝母

扁豆衣……211

川棟子… 441

川牛膝

防风

川芎

川木通…159

粉葛

穿山甲

佛手 223

椿皮

佛手花 224

磁石 346

茯苓

附子… 52

大夫叶・

大腹皮

甘草

大黄………34

干姜

大良姜

高良姜

大青叶 186

藁本

大皂角

葛根

代赭石…… ………346

葛花

丹参

钩藤……

淡竹叶 ……187

狗脊

当归…38

枸杞

党参……

骨碎补

地骨皮

瓜蒌

地黄

瓜菱皮…

地龙………316

瓜蒌子…

丁香

关白附

冬虫夏草… …296

官桂 181

冬术……7

管花党参 ·44

豆蔻………222

广薇香

独活

广金钱草……

杜仲 169

龟甲 …318

桂皮………182

桂枝……

莪术…

蛤蚧…… …317

番泻叶

海风藤… ·442

海龙 319

急性子 291

海马……320

姜黄

海恫皮… …………170

姜皮

海藻 ……301

僵蚕…

寒水石 347

僵蛹… ……322

早莲草… 277

降香

诃子…228

金钱白花蛇……32

合欢花… 193

金钱草

合欢皮…

金银花…

何首乌

金樱子………229

荷梗…238

京大戟

荷叶… 238

荆芥

红大戟

判芥穗……280

红豆蔻 60

节菖蒲……121

红花 194

桔梗…

红芪

菊花

厚朴……172

橘白

厚朴花… 174

橘核

胡黄连 67

橘红… 230

湖北贝母

橘络

滑石 ………348

橘叶

槐花… …195

苣胜子…… 137

槐角…196

决明子

槐米

槐条…

黄柏 174

苦参

黄荆子 241

苦地丁…280

黄精

苦楝皮……

黄连

苦楝子

黄芪

苦杏仁 ……………………234

黄芩

苦石莲…239

苦竹叶…

款冬花…

鸡血藤 ……157

昆布 302

木蝴蝶 242

木通

连翘

木香

连翘心…

莲房……………238

莲须

南板蓝根

莲花

南寒水石

莲子…236

南沙参

莲子心… ………………237

牛蒡子…243

羚羊角………323

牛黄……331

龙齿…… 349

牛膝……91

龙胆 244

龙骨 348

芦荟…308

藕节

鹿角… 329

鹿角胶 …329

鹿角霜……329

胖大海……………246

鹿筋

佩兰

鹿茸

枇杷叶…

鹿肾

平贝母

鹿尾…… 329

蒲黄 204

麻黄…281

蕲蛇 ………………333

麻黄根

前胡

马钱子

钱菖蒲

麦冬

茜草

蔓荆子 240

羌活 ……………………97

没药… ………………308

秦艽

玫瑰花… 203

牡丹皮 ……176

青黛……309

牡蛎…330

青风藤……160

木瓜

青果

青皮……

石斛

全蝎…34

石决明…… 337

拳参…99

石莲子 239

首乌藤… 100

水菖蒲 …121

肉苁蓉…

水蛭 ……339

肉豆蔻

丝瓜络…254

肉豆蔻花………247

苏木…

肉桂… ……………179

酸枣仁…… ………254

肉桂子

锁阳……289

乳香…310

太白贝母

太子参… …………110

檀香…………163

桑白皮

桃仁 ………255

桑寄生・160 123

桑椹…

天花粉 124

桑叶

天麻

桑枝

天南星……127

沙苑子…

天雄

砂仁 249

甜地丁 281

山慈姑 112

甜杏仁…235

山豆根……14

葶苈子…256

山药

通草…

山银花… 198

透骨草……290

山楂…………251

土鳖虫…340

山茱萸

土茯苓

射干 117

菟丝子

麝香…335

石菖蒲…

皖贝母

石膏……

威灵仙

乌头

益智 264

乌梅……258

薏苡仁 265

乌梢蛇……

银柴胡

乌药

淫羊…

吴茱萸…

於术……8

蜈蚣……………343

鱼腥草……… 294

五加皮…

玉竹

五味子

郁金… 143

蓣知子… 159

远志 145

西红花…205

月季花…207

西洋参 ……132

稀签草… 291

细辛

藏青果

夏枯草…

枣槟榔

鲜姜

皂角刺………270

香附

皂角子… 271

香加皮

泽泻… 146

香薷……292

浙贝母……148

香櫞

珍珠………344

小草…

知母…

小通草 …165

栀子 266

辛夷 206

枳売 ……………………………………267

新疆党参

枳实…268

续断…137

猪苓… 303 ………………………………138

猪牙皂…

血竭 …311

竹茹

紫草

紫花地丁

延胡索……

紫苏叶… …190

羊乳…

紫苏梗 …190

野菊花

紫苏子

伊贝母 140

紫菀… 446

点赞收藏复制链接分享收起 Document

第二十一节小儿脐周疼痛

861
第二十一节小儿脐周疼痛

861
第二十一节小儿脐周疼痛

861
第二十一节周疼痛

861
第二十一节周疼痛

861
第二十一节小儿脐周疼痛

861
第二十一节小儿脐周疼痛

861
第二十一节小儿脐周疼痛

861
第二十一节小儿脐周疼痛

861

第一篇：叶

淫羊藿

120

草乌叶

120

檵木叶

120

杜仲叶

120

巫山淫羊藿

120

岩参

120

白石花

120

第二篇：根

四块瓦

120

土大黄

120

生姜川

120

续断土

120

茯苓

120

板蓝根

120

红药子

120

第三篇：茎

扶芳藤

120

飞天蠄蟧

120

海风藤

120

石南藤

120

紫苏梗

120

第四篇：花

水翁花

120

扶桑花

120

白兰花

120

莲房

120

第五篇：果

凤眼草

120

山胡椒

120

澄茄子

120

五味子

120

白苏子

120

白芥子

120

水飞蓟

120

使君子

120

字体库-与css水平并排和li与内容的距离

css (@css1) — Mon, 15 Feb 2021 21:14:57 -0800

字体库引用-meimeiti

阿里巴巴→惠普体
访问地址
金梅超明字形原体
访问地址

li与内容的距离
2太好了谢谢(*°∀°)=3
太好了谢谢(*°∀°)=33

关于→text-indent:2em;

li与内容的距离
关于：list-style-position:outside
太好了谢谢(*°∀°)=32
3你真好真是我的大恩人

li与内容的距离
谢谢(*°∀°)=32
3太好了谢谢你

好奇书籍上面的虚线跟页面怎么形成的吗？

css (@css1) — Mon, 01 Feb 2021 03:22:07 -0800

可以通过css的式样来控制： 1

别的属性： none：无样式；dotted：点线；dashed：虚线；solid：实线； double：双线；groove：槽线；ridge：脊线；inset：内凹；outset：外凸。

js-调用，tts

css (@css1) — Tue, 19 Jan 2021 01:55:26 -0800

script type="text/javascript"> var zhText = "测试百度文字转语音接口 - 卡卡测速网 www.webkaka.com"; zhText = encodeURI(zhText); document.write(""); document.write(""); document.write(""); document.write(""); script type="text/javascript"> var zhText = "测试百度文字转语音接口 - 卡卡测速网 www.webkaka.com"; zhText = encodeURI(zhText); document.write(""); document.write(""); document.write(""); document.write("");

css-如何实现图片定位到另一图片上html代码

css (@css1) — Tue, 19 Jan 2021 01:37:38 -0800

```*

不使用pre如何实现html自动换行？

css (@css1) — Mon, 18 Jan 2021 20:29:06 -0800

### 不用pre这个属性如何解决html？自动换行问题今天 07:16 HTML前端开发CSSJavaScript 删除问题分享 1个回答已采纳图材图色tusea 科技发烧友今天 09:08 · 图材图色，就上tusea.com 关注 white-space，控制空白字符的显示，同时还能控制是否自动换行。它有五个值：normal | nowrap | pre | pre-wrap | pre-line word-break，控制单词如何被拆分换行。它有三个值：normal | break-all | keep-all word-wrap（overflow-wrap）控制长度超过一行的单词是否被拆分换行，是word-break的补充，它有两个值：normal | break-word white-space 先看下white-space:nowrap时的情况：不仅空格被合并，换行符无效，连原本的自动换行都没了！只有
才能导致换行！所以这个值的表现还是挺简单的，我们可以理解为永不换行。 white-space:pre：空格和换行符全都被保留了下来！不过自动换行还是没了。保留，所以pre其实是preserve的缩写，这样就好记了。 white-space:pre-wrap：显然pre-wrap就是preserve+wrap，保留空格和换行符，且可以自动换行。 white-space:pre-line：空格被合并了，但是换行符可以发挥作用，line应该是new line的意思，自动换行还在，所以pre-line其实是preserve+new line+wrap。本回答由提问者推荐追问 1 评论分享举报相似问题问： HTML代码有PRE代码不能自动换行答：文章内容其中width=120% 根据字体大小设置会不同，自己适当改变问：如何使html实现强行自动换行答：对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。 1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap: break-word ;或者word-break:break-all;实现强制断行效果：可以实现换行 2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条效果：容器正常，内容隐藏对于table 1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏 abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss 效果：隐藏多余内容 2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行效果：可以换行 3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法 4.(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行，使用overflow:hidden;隐藏超出内容，这里overflow:auto;无法起作用效果：隐藏多余内容 5.(Firefox浏览器) 在td,th中嵌套div,p等采用上面提到的对付Firefox的方法运行代码框最后，这种现象出现的几率很小，但是不能排除网友的恶搞。问： html/css

标签内容自动换行  
答：
word-break:break-all;  
问：
html网页自动换行的问题  
答：
把.txt文档装截进一个表单里，可能是一种思路  
问：
关于html pre便签换行问题!  
答：
　　pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 
　 标签的一个常见应用就是用来表示计算机的源代码。  
　　 可以导致段落断开的标签（例如标题、 和 标签）绝不能包含在 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。　  
　 pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 标签）放到 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。  
更多类似问题 >

忒有料-记录

css (@css1) — Thu, 02 Jan 2020 09:47:32 -0800

. wxlogo.jpg 长按二维码关注官网公众号，然后输入"账号绑定"，绑定成功后即可参与提现。您当前收益为：0元，可提现 0元【累计提现0元】（如果超过1元可提现，提现手续费=提现金额*0) 打赏金额打赏类型可提现否打赏时间暂无网友打赏记录. 1577881824720.jpg

seo说明

css (@css1) — Thu, 02 Jan 2020 04:54:52 -0800

meta name +content属性

 
<meta name="robots"content="none">

机器人向导参数：none,all,index,noindex,follow,nofollow 说明：标注网站的作者

<meta name="author"content="seo,vxworlk_seo@yeah.net">

 
<meta name="renderer"content="webkit">

说明：告诉机器人你的渲染模式生

 
<meta name="viewprot"content="width=device-width,initial-scale=1">

说明：视图模式

meta http-equiv属性

HttP-equiv:主要有以下几种参数。常规为: X-UA-compatible(浏览模式)

 
<meta http-equiv="X-UA-compatible"content="IE=edge">

Expires(期限) 说明:可以用于设置网页的到期时间,一旦网页到期。必须到网页服务器上重新传输。

 
<meta http-equiv="expires"content="Fri,01jan202018:18:18GMT">

注意必须使用，GMT的时间格式 meta refresh代表多长时间网页自动刷新,加上url，代表多长时间网页自动跳转到其他网页。 meta 的 Pragma(cache模式) 说明：禁止浏览器从本地页面中访问缓存内容。 注意：这样设定访问者将无法脱机浏览。

<meta http-equiv="Pragma"content="no-cache">

Refresh(自动刷新) 说明：自动刷新并指向新页面。

 
<meta http-equiv="Refresh"content="2;Url=https://bossxe.wodemo.net">

注意：其中的二是指停两秒钟后。自动刷新，跳转到其他网址。 set-cookie(cookie设定) 说明:网页过期，那么存盘的网页将会被删除。

 
<meta http-equiv="cookievalue="xxx;expires=Friday;12-jan-202018:18:18GMT,Path=/">

注意：必须使用GMT时间格式

window-target(window-target显示窗口的设定。) 说明:强制页面在当前以独立页面显示。

 
<meta http-equiv="Window-target"content="_blank">

注意：用于防止别人在框架里调用自己的页面。 content-type(显示字符的设定) 注意：设定页面使用的字符集

 
<meta http-equiv="Content-Type"content="text/html;charset=2312">

content-Language显示语言的设定。

 
<mete http-equiv="Content-Language"content="zh-cn"/>

cache-control(指定请求和响应遵循的缓存机制) Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on ly-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下 Public:指示响应可被任何缓存区缓存 Private:指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效 no-cache指示请求或响应消息不能缓存 no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。 max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应 min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应 max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。代表禁止浏览器计从啊网页访问本地缓存内容。访问者将无法脱机浏览。

 
<meta name="copyright"content="信息内容">

meta的 copyright信息参数代表说明网站版权问题。 meta的Http-equiv="ImageToolbar"content="false"/>

 
<meta http-equiv="Imagetoolbar"content="false"/>

指定是否显示工具栏？当为false指定不显示。 meta中的name="revisit-after"content="7days">

 <meta name="revisit-after"content="7days
">

meta 的revisit-after代表从访问次数。期待代表7天。以此类推。 robots告诉机器人引擎是抓取哪些页面？ 信息参数说明如下 信息参数为all：文件将被检索，且页面上的链接将被查询。信息参数为none:文件将不被检索，且页面上的链接不被查询。信息参数为Index：文件将被检索。信息参数为follow:页面上的链接将被查询信息参数为noindex:文件将不被检索，页面上的链接可以被查询。信息阐述为nofollow:文件将被检索，页面上的链接不被查询。

css color 英文与 number

css (@css1) — Sat, 21 Dec 2019 01:26:57 -0800

图片与li居中显示出来

css (@css1) — Fri, 20 Dec 2019 16:13:24 -0800

　　　　　　　　THE CATIC FOREST CASE 　　　　899浏览量

css代码效果

css3 text-shadow字体阴影讲解

css (@css1) — Wed, 27 Nov 2019 19:30:31 -0800

css3 text-shadow字体阴影讲解 css3 text-shadow字体阴影讲解 text-shadow:为字体添加阴影, 可以通过对text-shadow属性设置相关的属性值，来实现现一些需要的字体阴影效果,减少了图片的使用。基础说明： text-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）：阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小）阴影的颜色注（PS）：此属性使用于文字阴影，而不是对盒模型进行操作如果设置盒模型阴影请参考知识点:box-shadow（同理） IE下使用滤镜filter:shadow() 和box-shadow一样都是css3新增的属性，为了兼容各主流浏览器并支持这些主浏览器的较低版本，基于主流浏览器上使用text-shadow属性时，我们需要将属性的名称前面加上前缀谷歌和苹果浏览器-webkit-text-shadow的形式。 Firefox浏览器则需要写成-moz-text-shadow的形欧朋浏览器 -o-text-shadow IE>9 -ms-text-shadow 样例： -webkit-text-shadow:0 0 10px #c06; -moz-text-shadow:0 0 10px #C06; -o-text-shadow:0 0 10px #C06; text-shadow:0 0 10px #c06; filter: Shadow(Color='green', Direction='135', Strength='6')/*Color设置阴影颜色 Direction阴影的方向，取值为0即零度（表示向上方向），45为右上，90为右，135为右下，180为下方，225为左下方，270为左方，315为左上方； Strength就是范围，类似于text-shadow中的模糊半径值*/ /* filter: dropshadow(OffX=2, OffY=2, Color='red', Positive='true'); */ 基础练习：(借鉴字体形式展示) 一、常见形式：

text-shadow

text-shadow2

‍

text-shadow3

注意，正值使阴影往右/下移动，负值往左/上移动 ‍

text-shadow3

二、四个角（）阴影：

左上角： text-shadow:-4px -4px 1px green; 左下角： text-shadow:-4px 4px 1px green; 右上角： text-shadow:4px -4px 1px green; 右下角： text-shadow:4px -4px 1px green;

三、多阴影----加边例子（逗号隔开）不明显： .kind1{ text-shadow: 0px 0px 2px green, 0px 0px 3px blue, 0px 0px 4px red; font-size:38px; color:yellow; } 四、自定义阴影-根据个人喜好所以制作 1、类似于火焰

淡然

2、3D

淡然

.threeD{ color:#fff; text-shadow: 0 0 1px #999, 1px 1px 2px #888, 2px 2px 2px #777, 3px 3px 2px #666, 4px 4px 2px #555, 5px 5px 2px #333; } 3、等等多种（后期在新增）...... 百变不离其宗，练习就能熟悉，懂了就知道原理,随意改写，在配合css3的动画效果，闪光层（字）都很简单实现。。希望对你有帮助。。 posted @ 2016-10-21 17:10 danran68 阅读(15028) 评论(0) 编辑收藏刷新评论刷新页面返回顶部注册用户登录后才能发表评论，请登录或注册，访问网站首页。【推荐】腾讯云海外1核2G云服务器低至2折，半价续费券限量免费领取！【推荐】阿里云双11返场来袭，热门产品低至一折等你来抢！【推荐】超50万行VC++源码: 大型组态工控、电力仿真CAD与GIS源码库【推荐】天翼云双十一翼降到底，云主机11.11元起，抽奖送大礼【推荐】流程自动化专家UiBot，体系化教程成就高薪RPA工程师【优惠】七牛云采购嘉年华，云存储、CDN等云产品低至1折昵称： danran68 园龄： 3年1个月粉丝： 24 关注： 2 +加关注 < 2019年11月 > 日一二三四五六 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 1 2 3 4 5 6 7 搜索常用链接我的随笔我的评论我的参与最新评论我的标签更多链接我的标签 js(5) css3(4) ajax(2) div+css(2) iframe单点(1) jquery(1) box-shadow阴影(1) dedecms数据库(1) text-shadow阴影(1) 表单验证(1) 更多随笔档案 2018年7月(1) 2018年3月(1) 2018年2月(1) 2016年11月(3) 2016年10月(9) 最新评论 1. Re:css实现左（右）侧固定宽度，右（左）侧宽度自适应 ---清除浮动左边布局固定，右边自适应的布局方法3（个人喜好用）：左右两边都用绝对定位absolute，父级相对定义（不影响，建议加个相对定义，避免重叠）右侧的 div 已经不是自适应的了。因为你加了 abso... --姜一 2. Re:css实现左（右）侧固定宽度，右（左）侧宽度自适应 ---清除浮动 div不是默认占据一行吗，和写了width为100%有什么区别吗？ --gnib 阅读排行榜 1. css3 box-shadow阴影(外阴影与外发光)讲解(126992) 2. Json对象和字符串互相转换数据拼接 JSON使用方式(26261) 3. js循环给li绑定事件实现点击li弹出其索引值和内容(18551) 4. css3 text-shadow字体阴影讲解(15028) 5. js实现弹窗居中(2399) 6. 表单验证(验证手机号是否存在，验证码倒计时)(1981) 7. css实现左（右）侧固定宽度，右（左）侧宽度自适应 ---清除浮动(1462) 8. 织梦dedeCMS数据库结构字段说明-简略说明(783) 9. 获取网页传递的参数(739) 10. 日常用的css基础和自己常用的js封装(483) 评论排行榜 1. css实现左（右）侧固定宽度，右（左）侧宽度自适应 ---清除浮动(2) 推荐排行榜 1. css3 box-shadow阴影(外阴影与外发光)讲解(13) 2. Json对象和字符串互相转换数据拼接 JSON使用方式(2) 3. 表单验证(验证手机号是否存在，验证码倒计时)(2) 4. css实现左（右）侧固定宽度，右（左）侧宽度自适应 ---清除浮动(1) 5. js循环给li绑定事件实现点击li弹出其索引值和内容(1)

HTML中如何使图片和文字居中对齐

css (@css1) — Wed, 27 Nov 2019 00:18:25 -0800

查看 HTML中如何使图片和文字居中对齐

HTML中如何使图片和文字居中对齐

19-11-26,4:01

 <title> HTML中如何使图片和文字居中对齐</title>
<style type="text/css">  .list_p *{display:inline-block;vertical-align:middle;} 
     &ebsp;</style>
<div class="list_p"><li><span>HTML中如何使图片和文字居中对齐</span></li><p>
<li>19-11-26,4:01</li></p></div>

分页显示出来

css (@css1) — Tue, 19 Nov 2019 05:38:57 -0800

完整的分页html源代码如下（纯CSS）漂亮的分页按钮样式

«Previous
1
2
3
4
5
6
7
Next »

JS+CSS单篇文章内容分页 #jiax { width: 100%;/*调整显示区的宽*/ height: 400px;/*调整显示区的高*/ font-size: 14px; line-height: 180%; border: 1px solid #000000; overflow-x: hidden; overflow-y: hidden; word-break: break-all; } a { font-size: 12px; color: #000000; text-decoration: underline; } a:hover { font-size: 12px; color: #CC0000; text-decoration: underline; } 本届都灵冬奥会，首先让行家们大跌眼镜的是上届霸主挪威军团的惨败。挪威是世界传统冰雪强国，前19届冬奥会，该国累计夺得96枚金牌，位居世界第一。上届冬奥会，他们依然以13金傲视群雄。而本届挪威居然只收获两金，被挤到了第13位。挪威人失利的主要原因是被寄予厚望的众多老将大都不在状态。盐湖城冬奥会，该国有4枚金牌出自冬季两项。其中比约恩达伦便独得3枚个人项目金牌，加上接力项目，该届冬奥会冬季两项全部男子4枚金牌尽归挪威。而本届比约恩达伦大失水准，只领到了两银1铜；挪威人在该项目也寸金未得。德国、美国是上届金牌榜的第二、三名。挪威人退出了争夺，他们自然当仁不让。尤其是德国，时隔八年之后，又一次以11金跃居冬奥会榜首位置。与挪威形成鲜明对照得是，德国的老将们在都灵个个状态奇佳。29岁的冬季两项选手格雷斯上届冬奥会的最好成绩只是第15名；此次，他先在都灵冬奥会夺得首枚金牌，接着又连抢两金。德国人除保持了在雪橇、速滑等项目的传统优势外，还不断拓展新的夺金领域。本届冬奥会共增设了6个单项，其中冬季两项男子15公里、女子12.5集体出发公里两个新项目的金牌，都进入德国人囊中。美国能以9金维持自己冬奥会金牌的老三地位，得益于多名新人的冒尖。该国所获金牌有5枚来自23岁以下的年轻选手，其中两名冠军只有19岁。俄罗斯、奥地利瑞典是本届冬奥会三个进步明显的军团。尤其是奥地利和瑞典：奥地利上届冬奥会只以3金位列奖牌榜第十；本届他们在高山滑雪项目就收获4金，加上北欧两项、跳台滑雪和无舵雪橇角逐中的进账，金牌猛增至9枚，坐上了奖牌榜第二把交椅。瑞典上届没有金牌，此番在男子冰球、女子冰壶和越野滑雪团体竞速等集体项目做足了“文章”，最终以7金挤进六强。俄罗斯上届冬奥会只以5金排第5位。本届凭借花样滑冰、越野滑雪等的出色表现，以8金排奖牌榜第4。加上获7金的加拿大，德、奥、美、俄、加、瑞六国虽金牌数不等，但奖牌均超过14枚，以明显的整体强势构筑了本届冬奥会的六强对峙格局。各国实力呈现接近趋势上届冬奥会，有18个国家染指金牌、24个国家登上奖牌榜，是冬奥会史上获金牌、获奖牌面最广的一届。都灵冬奥会，获奖牌的国家达到26家，染指奖牌国家之多超过历届；获金牌的的虽然仍为18家，但金牌的分布却愈加均衡。四年前的盐湖城冬奥会，挪威、德国、美国席卷了全部金牌的四成多。本届在都灵，排名奖牌榜前三位的德国、奥地利、美国的金牌总数为29枚，只占全部金牌的不到三分之一。冰雪项目的特点，决定了冬奥会染金夺牌的国家短时间很难有较大幅度增加，但从本届冬奥会不难发现，那些已经成为冬奥会“金牌俱乐部”成员的国家的实力，却呈现愈加接近的趋势。盐湖城冬奥会金牌数不足10枚的国家有15个，本届增至17个，便是又一个证明。爱沙尼亚系欧洲波罗的海沿岸的一个小国，人口只有区区140多万。盐湖城冬奥会上，该国的韦尔帕鲁获越野滑雪男子15公里冠军。这是该国历史上的首枚冬奥会金牌。本届冬奥会，34岁韦尔帕鲁蝉联15公里桂冠成功；该国女将斯米古恩也冒了出来，连夺越野滑雪10公里和15公里两枚金牌。爱沙尼亚从而以3枚金牌首次进入冬奥运奖牌榜前12位。自1980年美国普莱西德湖冬奥会以来，每届冬奥会都有速滑、或短道速滑世界纪录产生；1988年的第15届和上届在盐湖城冬奥会，新的世界纪录都有8项之多。都灵冬奥会却没有打破一项世界纪录，只有两项冬奥会纪录，这可是26年来从未有过的。年卡尔加里冬奥会，速滑项目能够全面改写世界纪录，主要得益于首次进入全封闭的体育馆比赛，不受外部自然条件影响。而盐湖城冬奥会之所以得名“世界纪录高产”的冰雪盛会，则与盐湖城1307米的高海拔不无关系。而都灵是一个低海拔举办地，自然就制约了新纪录的产生。未能改写世界纪录，心气甚高的世界纪录保持者们并非就能在都灵带回冠军，因为各国对手们的水平越来越高，大家的实力在伯仲之间，每个项目的争夺都非常激烈。美国的赫德里克是男子速滑1500米世界纪录创造者。都灵冬奥会该项比赛，他却输给了名不见经传的意大利大学生、24岁的法布里斯，只获得铜牌。德国的佩奇斯泰因系冬奥会女子速滑5000米的“三连冠”和该项世界纪录保持者，都灵冬奥会，这位32岁的“常胜女将”也惜败于荷兰选手休斯。亚洲多线突破活力四射都灵冬奥会，亚洲参与、出头的项目尽管还比较有限，但在短道速滑、花样滑冰、自由式滑雪等几条战线活力十足，上升势头不可逆转。首先是韩国的短道速滑。他们一举拿下了该项目全部8个单项中的6枚金牌，创亚洲一国在一届冬奥会上的夺金最高纪录。加上中国选手王蒙的女子500米短道速滑冠军，亚洲选手共夺得短道速滑的7枚金牌。韩国人在短道速滑中还造就了两位“三冠王”――陈善有和安贤洙。17岁的前者独得女子1000米、1500米和3000米接力三项冠军； 20岁的后者将男子1000米、1500米和5000米接力金牌戴在胸前。本届冬奥会共三位“三冠王”，韩国就有两位，这在亚洲也是空前的。亚洲的第二个突破来自男子自由式滑雪空中技巧。中国21岁的韩晓鹏力压欧洲多名一流高手，夺得该项目金牌。打破了该项目进入冬奥会12年来欧美男子选手称霸的一统局面。这也是中国雪上项目的一次历史性突破。花样滑冰是冬奥会最早设立的项目之一。在以往的19届冬奥会上，亚洲该项目的最好成绩出自女子单人滑，只是一枚银牌――1992年在阿尔贝维尔举行的第16届冬奥会上，日本选手伊藤绿获该项目亚军。本届都灵冬奥会，女子单人滑夺金的最大热门本是俄罗斯的斯鲁茨卡亚。谁料日本24岁的荒川静香比赛中超水平发挥，短节目较量虽然只排位第三，自由滑的发挥却几近完美，得到了125.32的高分，“逼得” 斯鲁茨卡亚出现了失误。结果，荒川静香出人意料地登上该项目“后位”，成为冬奥会单人滑、乃至花样滑冰历史上的首个亚洲冠军。过去，亚洲有日本、韩国、哈萨克斯坦、乌兹别克斯坦、中国获得过冬奥会金牌，整个亚洲冬奥会金牌累计为23枚。其中1998年在长野举行的第18届冬奥会，亚洲收获金牌最多，为8枚。都灵冬奥会，亚洲所得金牌累计为9枚，创造了一届冬奥会收获金牌的新 “纪录” 。亚洲在都灵的夺金者多位新人，后劲不可限量；亚洲的项目也都很有特色，具备了较强的冲击力和持续发展、提高的阵容结构。而且，亚洲参加冬奥会比赛的国家和地区的数量，呈现不断增加的趋势；参赛面也越来越广。都灵冬奥会的表现和成绩再次证明，今后相当一段时间，亚洲将是冬奥会最活跃的金牌增长点之一。金4银5铜——尽管都灵冬奥会中国金牌与上届持平，11枚奖牌却已经创造了历史。在之前所参加的七届冬奥会上，中国冰雪军团累计夺得22枚奖牌，其中收获最多的是四年前在美国盐湖城举行的第19届冬奥会，当时也只是收获了8枚奖牌。 var obj = document.getElementById("jiax"); var pages = document.getElementById("pages"); window.onload = function(){ var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight)); pages.innerHTML = "共"+allpages+"页 "; for (var i=1;i

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS+CSS单篇文章内容分页</title>
<style type="text/css">
#jiax {
	width: 60%;/*调整显示区的宽*/
	height: 400px;/*调整显示区的高*/
	font-size: 14px;
	line-height: 180%;
	border: 1px solid #000000;
	overflow-x: hidden;
	overflow-y: hidden;
	word-break: break-all;
}
a {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
}
</style>
</head>
<body>
<div id="jiax"> 本届都灵冬奥会，首先让行家们大跌眼镜的是上届霸主挪威军团的惨败。挪威是世界传统冰雪强国，前19届冬奥会，该国累计夺得96枚金牌，位居世界第一。上届冬奥会，他们依然以13金傲视群雄。而本届挪威居然只收获两金，被挤到了第13位。
  挪威人失利的主要原因是被寄予厚望的众多老将大都不在状态。盐湖城冬奥会，该国有4枚金牌出自冬季两项。其中比约恩达伦便独得3枚个人项目金牌，加上接力项目，该届冬奥会冬季两项全部男子4枚金牌尽归挪威。而本届比约恩达伦大失水准，只领到了两银1铜；挪威人在该项目也寸金未得。
  德国、美国是上届金牌榜的第二、三名。挪威人退出了争夺，他们自然当仁不让。尤其是德国，时隔八年之后，又一次以11金跃居冬奥会榜首位置。
  与挪威形成鲜明对照得是，德国的老将们在都灵个个状态奇佳。29岁的冬季两项选手格雷斯上届冬奥会的最好成绩只是第15名；此次，他先在都灵冬奥会夺得首枚金牌，接着又连抢两金。
  德国人除保持了在雪橇、速滑等项目的传统优势外，还不断拓展新的夺金领域。本届冬奥会共增设了6个单项，其中冬季两项男子15公里、女子12.5集体出发公里两个新项目的金牌，都进入德国人囊中。
  美国能以9金维持自己冬奥会金牌的老三地位，得益于多名新人的冒尖。该国所获金牌有5枚来自23岁以下的年轻选手，其中两名冠军只有19岁。
  俄罗斯、奥地利瑞典是本届冬奥会三个进步明显的军团。尤其是奥地利和瑞典：奥地利上届冬奥会只以3金位列奖牌榜第十；本届他们在高山滑雪项目就收获4金，加上北欧两项、跳台滑雪和无舵雪橇角逐中的进账，金牌猛增至9枚，坐上了奖牌榜第二把交椅。瑞典上届没有金牌，此番在男子冰球、女子冰壶和越野滑雪团体竞速等集体项目做足了“文章”，最终以7金挤进六强。
  俄罗斯上届冬奥会只以5金排第5位。本届凭借花样滑冰、越野滑雪等的出色表现，以8金排奖牌榜第4。加上获7金的加拿大，德、奥、美、俄、加、瑞六国虽金牌数不等，但奖牌均超过14枚，以明显的整体强势构筑了本届冬奥会的六强对峙格局。
  各国实力呈现接近趋势
  上届冬奥会，有18个国家染指金牌、24个国家登上奖牌榜，是冬奥会史上获金牌、获奖牌面最广的一届。都灵冬奥会，获奖牌的国家达到26家，染指奖牌国家之多超过历届；获金牌的的虽然仍为18家，但金牌的分布却愈加均衡。
  四年前的盐湖城冬奥会，挪威、德国、美国席卷了全部金牌的四成多。本届在都灵，排名奖牌榜前三位的德国、奥地利、美国的金牌总数为29枚，只占全部金牌的不到三分之一。
  冰雪项目的特点，决定了冬奥会染金夺牌的国家短时间很难有较大幅度增加，但从本届冬奥会不难发现，那些已经成为冬奥会“金牌俱乐部”成员的国家的实力，却呈现愈加接近的趋势。盐湖城冬奥会金牌数不足10枚的国家有15个，本届增至17个，便是又一个证明。
  爱沙尼亚系欧洲波罗的海沿岸的一个小国，人口只有区区140多万。盐湖城冬奥会上，该国的韦尔帕鲁获越野滑雪男子15公里冠军。这是该国历史上的首枚冬奥会金牌。本届冬奥会，34岁韦尔帕鲁蝉联15公里桂冠成功；该国女将斯米古恩也冒了出来，连夺越野滑雪10公里和15公里两枚金牌。爱沙尼亚从而以3枚金牌首次进入冬奥运奖牌榜前12位。
  自1980年美国普莱西德湖冬奥会以来，每届冬奥会都有速滑、或短道速滑世界纪录产生；1988年的第15届和上届在盐湖城冬奥会，新的世界纪录都有8项之多。都灵冬奥会却没有打破一项世界纪录，只有两项冬奥会纪录，这可是26年来从未有过的。 
  年卡尔加里冬奥会，速滑项目能够全面改写世界纪录，主要得益于首次进入全封闭的体育馆比赛，不受外部自然条件影响。而盐湖城冬奥会之所以得名“世界纪录高产”的冰雪盛会，则与盐湖城1307米的高海拔不无关系。而都灵是一个低海拔举办地，自然就制约了新纪录的产生。
  未能改写世界纪录，心气甚高的世界纪录保持者们并非就能在都灵带回冠军，因为各国对手们的水平越来越高，大家的实力在伯仲之间，每个项目的争夺都非常激烈。美国的赫德里克是男子速滑1500米世界纪录创造者。都灵冬奥会该项比赛，他却输给了名不见经传的意大利大学生、24岁的法布里斯，只获得铜牌。
  德国的佩奇斯泰因系冬奥会女子速滑5000米的“三连冠”和该项世界纪录保持者，都灵冬奥会，这位32岁的“常胜女将”也惜败于荷兰选手休斯。
  亚洲多线突破活力四射
  都灵冬奥会，亚洲参与、出头的项目尽管还比较有限，但在短道速滑、花样滑冰、自由式滑雪等几条战线活力十足，上升势头不可逆转。
  首先是韩国的短道速滑。他们一举拿下了该项目全部8个单项中的6枚金牌，创亚洲一国在一届冬奥会上的夺金最高纪录。加上中国选手王蒙 的女子500米短道速滑冠军，亚洲选手共夺得短道速滑的7枚金牌。
  韩国人在短道速滑中还造就了两位“三冠王”――陈善有和安贤洙。17岁的前者独得女子1000米、1500米和3000米接力三项冠军； 20岁的后者将男子1000米、1500米和5000米接力金牌戴在胸前。本届冬奥会共三位“三冠王”，韩国就有两位，这在亚洲也是空前的。
  亚洲的第二个突破来自男子自由式滑雪空中技巧。中国21岁的韩晓鹏力压欧洲多名一流高手，夺得该项目金牌。打破了该项目进入冬奥会12年来欧美男子选手称霸的一统局面。这也是中国雪上项目的一次历史性突破。
  花样滑冰是冬奥会最早设立的项目之一。在以往的19届冬奥会上，亚洲该项目的最好成绩出自女子单人滑，只是一枚银牌――1992年在阿尔贝维尔举行的第16届冬奥会上，日本选手伊藤绿获该项目亚军。
  本届都灵冬奥会，女子单人滑夺金的最大热门本是俄罗斯的斯鲁茨卡亚。谁料日本24岁的荒川静香比赛中超水平发挥，短节目较量虽然只排位第三，自由滑的发挥却几近完美，得到了125.32的高分，“逼得” 斯鲁茨卡亚出现了失误。结果，荒川静香出人意料地登上该项目“后位”，成为冬奥会单人滑、乃至花样滑冰历史上的首个亚洲冠军。
  过去，亚洲有日本、韩国、哈萨克斯坦、乌兹别克斯坦、中国获得过冬奥会金牌，整个亚洲冬奥会金牌累计为23枚。其中1998年在长野举行的第18届冬奥会，亚洲收获金牌最多，为8枚。都灵冬奥会，亚洲所得金牌累计为9枚，创造了一届冬奥会收获金牌的新 “纪录” 。
  亚洲在都灵的夺金者多位新人，后劲不可限量；亚洲的项目也都很有特色，具备了较强的冲击力和持续发展、提高的阵容结构。而且，亚洲参加冬奥会比赛的国家和地区的数量，呈现不断增加的趋势；参赛面也越来越广。
  都灵冬奥会的表现和成绩再次证明，今后相当一段时间，亚洲将是冬奥会最活跃的金牌增长点之一。
  金4银5铜——尽管都灵冬奥会中国金牌与上届持平，11枚奖牌却已经创造了历史。在之前所参加的七届冬奥会上，中国冰雪军团累计夺得22枚奖牌，其中收获最多的是四年前在美国盐湖城举行的第19届冬奥会，当时也只是收获了8枚奖牌。 </div>
<P>
<div id="pages" style="font-size:12px;"></div>
<script language="javascript">
var obj = document.getElementById("jiax");
var pages = document.getElementById("pages");
window.onload = function(){
	var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));
	pages.innerHTML = "<b>共"+allpages+"页</b> ";
	for (var i=1;i<=allpages;i++){
		pages.innerHTML += "<a href=\"javascript:showpart('"+i+"');\">第"+i+"页</a> ";
	}
}
function showpart(x){
	obj.scrollTop=(x-1)*parseInt(obj.offsetHeight);
}
</script>
</body>
</html>

css学习

link rel uu.wodemo.net

javascript网站模板 看不懂

Markdown Examples

Macros

看不懂 json代码

美化版link rel 转自uu

如何用面向过程？使每次遇到h标题后面的内容!标签或标签时都缩进text-indent:2em;

table表格

金世元中药材传统鉴别经验

附一中药材彩图

金世元中药材传统鉴别经验

金世元中药材传统鉴别经验

金世元中药材传统鉴别经验

字体库-与css水平并排和li与内容的距离

字体库引用-meimeiti

阿里巴巴→惠普体

金梅超明字形原体

li与内容的距离

li与内容的距离

li与内容的距离

好奇书籍上面的虚线跟页面怎么形成的吗？

js-调用，tts

css-如何实现图片定位到另一图片上html代码

不使用pre如何实现html自动换行？

忒有料-记录

seo说明

meta name +content属性

meta http-equiv属性

css color 英文 与 number

图片与li居中显示出来

css3 text-shadow字体阴影讲解

HTML中如何使图片和文字居中对齐

分页显示出来

javascript网站模板看不懂

css color 英文与 number