应ooo要求

    寻找他手写一千年的css的继承人

    

html {
background:#f7f7f7 url(images/bg-pattern.jpg)
}
body {
margin:;
padding:5em ;
font-family:Verdana,Arial,Helvetica,sans-serif
}
#comment_form
{
width: % !important;;
margin-left:-110px !important;
}
#blog-comments-placeholder {
border: solid 1px #ffffff !important;;
border-radius: 5px;
}
#blog-comments-placeholder
{
color: #fff !important;;
width: % !important;;
margin-left:-110px !important;
}
.blog_comment_body{
margin-left: 10px !important;;
min-height: 25px !important;
}
#div_digg{
display: none;
}
#header {
position:fixed;
top:;
left:;
right:;
height:40px;
background:#fff;
z-index:;
border-bottom:1px solid #ddd
}
#blogTitle .title {
font-size:35px;
margin:;
line-height:40px
}
#blogTitle .title a {
color:#;
text-decoration:none;
display:block;
float:left;
padding: 1em .3em
}
#blogTitle .title a:hover {
background:#00D2FF;
color:#fff
}
#blogTitle .title a:hover:first-letter {
color:#fff
}
#blogTitle .title a:first-letter {
color:#00D2FF
}
#blogTitle .subtitle {
font-size:20px;
line-height:.2em;
color:#00D2FF !important;
background:#ffffff4d;
float:left;
padding-top: 0px !important;
clear:both;
min-width:%;
min-height: 20px;
}
.blogStats {
display:none
}
#navigator {
position:absolute;
left:15em;
top:
}
#navList {
list-style:none;
margin:;
padding:
}
#navList li {
height:14px;
margin:;
padding:;
line-height:40px;
float:left
}
#navList li a {
display:block;
color:#;
text-decoration:none;
padding: 1em
}
#navList li a:hover {
background:#00D2FF;
color:#fff
}
#navList li a.aHeaderXML {
background:url(data:image/gif;base64,R0lGODlhDgAOANUAAP3+/v7+/f75/P3v9v3v9/3q9Pzf7vze7vzZ6/zZ7PzW6vzV6fzV6vvH4vvG4vvB3/vA3/q22vqs1fmk0fmj0Pmi0Pmh0Pmhz/mgz/iYy/iNxfiNxveFwveFwfeDwPd/vvd+vvZ5vPd5u/Z4u/ZzuPZyuPZutvZttvVjsPZjsPVbrPVarPVUqfRKpPRJo/RJpPRGofRGovRFovRAn/RBoPQ+nvM9nfQ9nvM5nPM4m/MzmPM0mfMymP///wAAAAAAACH5BAEHAD0ALAAAAAAOAA4AAAZ1wNuqFBkAesgkksdkegrKJEUUa+Iu0WQiw2p+BNlAT8HRmU9gZIrDSFZkTFCyaTIgJXAeBil6MWsNSBZmOVBIGzQ8OA5IHU5KEC08NQc9C108BEoPMzwmSBlMEVEaTAs9CDA8JFkuPB1IIzwqWSE8KEgTPDZBADs=) no-repeat;
width:14px;
height:14px;
position:relative;
left:.75em;
bottom:48px
}
#navList li a:hover+a.aHeaderXML {
background-image:url(data:image/gif;base64,R0lGODlhDgAOANUAAP/////9/v/5/P71+v7z+f7x+P7w9/7s9f7q9P7o8/3c7v3X6/3V6vzP5/zN5vzE4fvA3/u+3vu73fu42/uz2fqt1vqj0fmazPmRyPiOxviNxviFwvd6vPdwt/dutvZqtPVbrfVYq/VUqfVSqPRGovRDoPMymAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACYALAAAAAAOAA4AAAZtQMICwimZjkgkYAkIVEhJpGaCYAowUWToomBSskhQhflIOiogZOaw/B7Jo+OGDcCaJoll4XPELAVQRxYGAAJ8JmMAFUkdeQUiJiBdAUZIHgUAZSYXSxxRFktpIVURWXmLJhIADFkTAA1HGgADQQA7)
}
#navList li a.aHeaderXML img {
display:none
}
#mainContent {
width:600px;
margin:auto;
position:relative;
margin-top:.5em;
z-index:
}
.postCon,
.postBody {
margin-left: -100px;
background:#fff;
border-right:3px solid #ddd;
border-bottom:3px solid #ddd;
min-height:12em
}
.postCon{
border-radius: 25px;
background-color: #56EDFF12;
}
.postTitle {
text-align: center;
background:#00D2FF;
padding:.4em;
position:absolute;
left: -100px;
margin-top:-40px;
width:40em;
font-size:.3em
}
#post_next_prev {
font-size:small
}
.feedback_area_title {
display:none
}
.feedbackItem {
border-top:1px dotted #;
font-size:%;
position:relative;
padding:.4em ;
margin-bottom:.2em
}
.feedbackItem a {
color:#c28
}
.feedbackCon {
margin:.4em 1em;
color:#
}
.feedbackListSubtitle {
min-height: 80px !important;
color:#
}
.feedbackListSubtitle a {
color:#a56;
text-decoration:none
}
.feedbackManage {
position:absolute;
right:
}
#comment_form {
background:#fff;
border:1px solid #ddd;
outline:1px solid #fff;
padding:10px;
position:relative;
font-size:%;
margin-top:.5em
}
#commentform_title {
background:none;
padding-left:;
font-size:.4em
}
#comment_form a {
color:#00D2FF !important;;
text-decoration:none
}
#comment_nav {
font-size:small;
position:absolute;
right:.5em
}
#comment_nav a {
color:#f5a
}
.commentbox_title_left {
display:none
}
.ad_commentbox_up {
display:none
}
.commentbox_title,
div.commentform .comment_textarea {
width:570px
}
.newsItem {
border:1px solid #ddd;
font-size:%;
background:#fff;
padding:10px;
width:16em;
min-height:7em;
opacity:.;
position:absolute;
left:%;
margin-left:110px;
margin-top: 150px;
top:-.75em;
z-index:;
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform-origin: ;
-moz-transform-origin: ;
-webkit-transform-origin: ;
-o-transform-origin: ;
transition:3s;
-moz-transition:3s;
-webkit-transition:3s;
-o-transition:3s
}
#sideBar zhushi{
float: right;
opacity: 0.5;
}
#sideBar poem{
color: #00A681;
font-size: 15px;
}
.newsItem h3.catListTitle {
position:absolute;
right: ;
bottom:%;
margin:;
padding:;
color:#;
font-size:14px;
}
.newsItem:hover {
z-index:;
opacity:;
transform:none;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none
}
#calendar,
#profile_block,
.mySearch h3,
.catListComment {
display:none
}
div.mySearch div {
position:absolute;
top:.2em;
right:;
margin-right:.75em
}
#leftcontentcontainer {
background:#fff;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:3em;
font-size:%;
position:fixed;
bottom:;
right:;
left:;
z-index:
}
#leftcontentcontainer li a {
color:#00D2FF;
text-decoration:none;
display:block;
padding:.3em
}
#leftcontentcontainer li a[id$=RssLink] {
position:absolute;
right:;
top:
}
#leftcontentcontainer li a:hover {
background:#00D2FF;
color:#fff
}
#leftcontentcontainer ul {
position:absolute;
width:12em;
margin:;
padding:.4em .4em 3em .4em;
list-style:none;
bottom:-1em;
min-height:10em;
left:;
background:#fff;
outline:1px solid #fff;
border:1px solid #ddd;
z-index:;
display:none
}
#leftcontentcontainer ul li {
position:relative
}
#leftcontentcontainer>div:hover ul {
display:block
}
#leftcontentcontainer>div {
float:left;
height:2em;
position:relative
}
#leftcontentcontainer>div.mySearch {
position:static
}
#leftcontentcontainer h3 {
font-size:.2em;
line-height:;
padding:.7em .75em;
margin:;
position:relative;
z-index:;
cursor:pointer
}
#leftcontentcontainer>div:hover h3 {
z-index:
}
#leftcontentcontainer .catListTag li a {
display:inline
}
#leftcontentcontainer .catListTag li {
display:inline-block;
padding: .4em;
white-space:nowrap
}
#footer {
margin-top:2em;
text-align:center;
color:#
}
#header,
#leftcontentcontainer,
#blogTitle .subtitle {
box-shadow:rgba(,,,.) 32px;
-moz-box-shadow:rgba(,,,.) 32px;
-webkit-box-shadow:rgba(,,,.) 32px
}
.topicListFooter {
margin:
}
.topicListFooter a {
color:#00D2FF
}
.postTitle a {
color:#fff;
text-decoration:none
}
.dayTitle {
display:none;
}
.postDesc {
//font-size:small;
margin-bottom:4em;
text-align:right;
padding:.4em ;
color:#44FFF5;
}
.postDesc a {
color:#44FFF5 !important;
font-size: 15px;
}
.postBody,
.postCon {
line-height:1.5
}
.c_b_p_desc:first-letter{
font-size: 40px;
color:#44FFF5 !important;
}
.postBody a,
.postCon a {
color:#00D2FF;
text-decoration:none
}
.postBody a:hover,
.postCon a:hover {
background:#00A681;
color:#fff
}
.postBody pre span {
line-height:.2em
}
.postCon p,
.postBody p {
margin:.2em !important
}
.c_ad_block,
#digg_block,
#relative_search,
#blog_ad_google {
display:none!important
}
h1,
h2,
h3,
h4,
h5,
h6,
#blogTitle,
.postTitle,
#navigator,
.feedback_area_title,
#commentform_title,
.newsItem {
font-weight:normal
}
.feedbackItem,
.postDesc,
#comment_form,
#leftcontentcontainer,
#footer,
.topicListFooter {
line-height:1.2
}
#cnblogs_post_body ul li {
list-style-type:inherit
}
body {
color: #;
background: url(https://pic22.nipic.com/20120629/10417481_213150335132_2.jpg) fixed;
background-size: cover;
background-repeat: repeat;
font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 13px;
min-height: %;
}
#blogTitle h1 {
font-size: 50px;
font-family: Consolas,monospace;
font-weight: bold;
font-style: italic;
margin-top: 20px;
}
.catListTitle {
margin-top: 21px;
margin-bottom: .5px;
text-align: left;
border-left: 10px solid rgba(, , , 0.8);
padding: 5px 5px 10px;
background-color: rgba(,,,0.3);
}
.covered:hover {
background: black;
color: white !important;
}
.covered {
background: black;
color: black !important;
}
.invisible {
color: rgba(,,,0.1) !important;
}
.hidden {
display: none;
}
#home {
margin: auto;
width: %;
min-width: 950px;
background-color: rgba(,,,0.8);
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
box-shadow: 2px 6px rgba(, , , 0.3);
opacity: 0.8;
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
background: none;
margin-bottom: 35px;
word-wrap: break-word;
}
#blog-calendar td {
font-size: 12px;
font-family: Consolas,"Ubuntu Mono",monospace;
}
.input_my_zzk {
border: 1px solid #ccc;
background: none;
width: %;
height: 25px;
padding-right: 30px;
padding-left: 5px;
outline: ;
}
.CalDayHeader {
background: rgba(,,,0.3) !important;
font-weight: ;
color: #5E5F63;
}
.CalTitle {
background: none;
width: %;
height: 25px;
text-align: center;
font-size: 1px;
font-weight: bold;
padding: 5px ;
color: #FFF;
}
.CalTitle td {
background: rgba(,,,0.3) !important;
border: 0px !important;
color: #5E5F63;
font-family: "Comic Sans MS",sans-serif;
}
a:link {
color: cornflowerblue;
}
a:visited {
color: cornflowerblue;
}
a:hover {
color:cadetblue;
}
a:active {
color:black;
}
.CalTodayDay {
background: rgba(,,,0.3) !important;
color: #FFF;
font-weight: bold;
}
blockquote {
background: rgba(,,,0.3);
border: 2px solid #efefef;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
div.commentform input.author, div.commentform input.email, div.commentform input.url {
background-image: url(https://static.cnblogs.com/images/icon_form.gif);
border: 1px solid white !important;
padding: 4px 4px 4px 30px;
width: 300px;
font-size: 13px;
background-color: rgba(,,,0.3);
}
#comment_form_container .comment_textarea {
width: 362px;
height: 200px;
font-size: 13px;
padding: 8px;
margin-bottom: 10px;
color: #;
border: 1px solid white;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: rgba(,,,0.3);
}
div#cnblogs_c2 {
display: none;
}
div#cnblogs_c1 {
display: none;
}
div#under_post_news {
display: none;
}
div#ad_t2 {
display: none;
}
div#under_post_kb {
display: none;
}
.feedbackItem {
border-radius: 15px;
margin: 10px 5px 0px;
padding: 5px;
box-shadow: 10px #AAA;
}
.postTitle{
background-color: #56EDFF;
}
.postTitle a{
color:#0287AC !important;
}
#topics .postTitle {
font-size:%;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
color: #21759b;
transition: all .4s cubic-bezier(, , 0.12, ) 0s;
}
.entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active {
color: #21759b;
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.entrylistItemTitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active {
color: #21759b;
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
#cnblogs_post_body h2 {
border-left: 10px solid rgba(, , , 0.3);
background: rgba(,,, 0.3);
padding: 3px 10px;
}
#cnblogs_post_body h3{
border-left: 5px solid rgba(, , , 0.3);
padding: 2px 5px;
background: rgba(,,,0.3);
}
#cnblogs_post_body h4{
border-left: 5px solid rgba(, , ,0.3);
padding-left: 5px;
background: rgba(,,,0.3);
}
#cnblogs_post_body h1{
background: rgba(,,,0.3);
border-left: 15px solid rgba(, , , 0.3);
padding: 3px 10px;
font-size: %;
border-right: 15px solid rgba(, , , 0.3);
}
.buryit {
display: none;
}
#div_digg {
float: right;
position: fixed;
width: auto;
bottom: 10px;
left: %;
margin-bottom: 10px;
background: rgba(,,,0.3);
margin-right: 30px;
font-size: 12px;
box-shadow: 10px #AAA;
padding: 10px;
border: 2px solid rgba(, , , 0.8);
text-align: center;
margin-top: 10px;
}
textarea {
background: rgba(,,,0.3);
font-family: Consolas !important;
}
.pager a{
color: rgb(,,);
}
#nav_next_page a{
box-shadow: 1px 3px #3671a5;
border: 1px solid #3671a5;
background: #3671a5;
color: rgb(,,);
transition: all .4s linear 0s;
padding: 2px 5px;
margin: 0px 2px;
}
#nav_next_page a:hover{
background: black;
}
.button{
cursor: pointer;
}
#green_channel
{
display: none;
} /* BEGIN: hightlight.js Theme "Code Brewer"*/
/*END hightlight.js Theme*/
/*for code Theme gedit*/
code{
line-height: 17px;
font-family:Ubuntu Mono;
font-size:15px !important;
font-weight: bold;
}
pre{
padding-left:15px;
padding-top:15px;
padding-bottom: 15px;
margin-top: 30px !important;;
min-height: 10px;
min-width: 500px;
opacity: 1.0! important;
//background-color:#000000;
}
.postTitle::after {
-webkit-transition: width .5s;
transition: width .5s;
content: "";
color:#56edff;
right: ;
width: ;
bottom: -3px;
position: absolute;
border-bottom: 2px solid;
border-radius: 10px;
}
.postTitle:hover::after {
left: ;
width: %
}
/*for code Theme "hzoj"*/
.hll { background-color: #d6d6d6 !important }
.pl-c { color: #8e908c !important } /* Comment */
.pl-err { color: #c82829 !important } /* Error */
.pl-k { color: #8959a8 !important } /* Keyword */
.pl-l { color: #f5871f !important } /* Literal */
.pl-n { color: #4d4d4c !important } /* Name */
.pl-o { color: #3e999f !important } /* Operator */
.pl-p { color: #4d4d4c !important } /* Punctuation */
.pl-ch { color: #8e908c !important } /* Comment.Hashbang */
.pl-cm { color: #8e908c !important } /* Comment.Multiline */
.pl-cp { color: #8e908c !important } /* Comment.Preproc */
.pl-cpf { color: #8e908c !important } /* Comment.PreprocFile */
.pl-c1 { color: #8e908c !important } /* Comment.Single */
.pl-cs { color: #8e908c !important } /* Comment.Special */
.pl-gd { color: #c82829 !important } /* Generic.Deleted */
.pl-ge { font-style: italic !important } /* Generic.Emph */
.pl-gh { color: #4d4d4c; font-weight: bold !important } /* Generic.Heading */
.pl-gi { color: #718c00 !important } /* Generic.Inserted */
.pl-gp { color: #8e908c; font-weight: bold !important } /* Generic.Prompt */
.pl-gs { font-weight: bold !important } /* Generic.Strong */
.pl-gu { color: #3e999f; font-weight: bold !important } /* Generic.Subheading */
.pl-kc { color: #8959a8 !important } /* Keyword.Constant */
.pl-kd { color: #8959a8 !important } /* Keyword.Declaration */
.pl-kn { color: #3e999f !important } /* Keyword.Namespace */
.pl-kp { color: #8959a8 !important } /* Keyword.Pseudo */
.pl-kr { color: #8959a8 !important } /* Keyword.Reserved */
.pl-kt { color: #eab700 !important } /* Keyword.Type */
.pl-ld { color: #718c00 !important } /* Literal.Date */
.pl-m { color: #f5871f !important } /* Literal.Number */
.pl-s { color: #718c00 !important } /* Literal.String */
.pl-na { color: #4271ae !important } /* Name.Attribute */
.pl-nb { color: #4d4d4c !important } /* Name.Builtin */
.pl-nc { color: #eab700 !important } /* Name.Class */
.pl-no { color: #c82829 !important } /* Name.Constant */
.pl-nd { color: #3e999f !important } /* Name.Decorator */
.pl-ni { color: #4d4d4c !important } /* Name.Entity */
.pl-ne { color: #c82829 !important } /* Name.Exception */
.pl-nf { color: #4271ae !important } /* Name.Function */
.pl-nl { color: #4d4d4c !important } /* Name.Label */
.pl-nn { color: #eab700 !important } /* Name.Namespace */
.pl-nx { color: #4271ae !important } /* Name.Other */
.pl-py { color: #4d4d4c !important } /* Name.Property */
.pl-nt { color: #3e999f !important } /* Name.Tag */
.pl-nv { color: #c82829 !important } /* Name.Variable */
.pl-ow { color: #3e999f !important } /* Operator.Word */
.pl-w { color: #4d4d4c !important } /* Text.Whitespace */
.pl-mb { color: #f5871f !important } /* Literal.Number.Bin */
.pl-mf { color: #f5871f !important } /* Literal.Number.Float */
.pl-mh { color: #f5871f !important } /* Literal.Number.Hex */
.pl-mi { color: #f5871f !important } /* Literal.Number.Integer */
.pl-mo { color: #f5871f !important } /* Literal.Number.Oct */
.pl-sb { color: #718c00 !important } /* Literal.String.Backtick */
.pl-sc { color: #4d4d4c !important } /* Literal.String.Char */
.pl-sd { color: #8e908c !important } /* Literal.String.Doc */
.pl-s2 { color: #718c00 !important } /* Literal.String.Double */
.pl-se { color: #f5871f !important } /* Literal.String.Escape */
.pl-sh { color: #718c00 !important } /* Literal.String.Heredoc */
.pl-si { color: #f5871f !important } /* Literal.String.Interpol */
.pl-sx { color: #718c00 !important } /* Literal.String.Other */
.pl-sr { color: #718c00 !important } /* Literal.String.Regex */
.pl-s1 { color: #718c00 !important } /* Literal.String.Single */
.pl-ss { color: #718c00 !important } /* Literal.String.Symbol */
.pl-bp { color: #4d4d4c !important } /* Name.Builtin.Pseudo */
.pl-vc { color: #c82829 !important } /* Name.Variable.Class */
.pl-vg { color: #c82829 !important } /* Name.Variable.Global */
.pl-vi { color: #c82829 !important } /* Name.Variable.Instance */
.pl-il { color: #f5871f !important } /* Literal.Number.Integer.Long */
/*something*// ::selection{
color: #00514D !important;
}
@keyframes light {
from {
box-shadow:0px 0px 1px #00D2FF;
}
to {
box-shadow:0px 0px 60px #00D2FF;
}
}
.light {
width: 15px;
height: 15px;
margin:20px;
border-radius: %;
animation: light 2s ease-in-out infinite alternate;
}
@keyframes llight {
from {
box-shadow:0px 0px 1px #;
}
to {
box-shadow:0px 0px 60px #;
}
}
.llight {
width: 15px;
height: 15px;
margin:20px;
border-radius: %;
animation: llight 2s ease-in-out infinite alternate;
}
@keyframes left_cirlce_spin {
%,% {
transform: rotate(-45deg);
}
%{
transform: rotate(135deg);
}
}
@keyframes right_cirlce_spin {
% {
transform: rotate(45deg);
}
%,%{
transform: rotate(225deg);
}
}
.progress {
overflow: hidden;
width: 100px;
height: 100px;
}
.progress .wrapper-circle {
overflow: hidden;
width: %;
height: %;
}
.left {
float: left;
}
.right {
float: right;
}
.progress {
margin: 20px;
}
.progress .circle {
border-radius: %;
width: 90px;
height: 90px;
}
.progress .left .circle {
float: left;
border: 5px solid red;
border-top-color: transparent;
border-left-color: transparent;
animation: left_cirlce_spin 4s linear infinite;
} .progress .right .circle {
float: right;
border: 5px solid red;
border-top-color: transparent;
border-right-color: transparent;
animation: right_cirlce_spin 4s linear infinite;
}
.center{
width: 0px;
height: 0px;
position:fixed;
left: 5.5%;
top: %;
margin: -100px -50px;
}
.subtitle{
position:fixed;
left: 0.5%;
top: %;
padding-left: 20px;
}
.feeling{
font-size: 20px;
display: inline-block;
/*position: absolute;*/
padding: 10px;
/*padding-right: 30px;*/
border: 2px solid #00ffe4;
border-radius: 20px;
color: #00f6ff;
}
.feeling:before{
background-color: #c778ff;
border-radius: 10px;
font-size: 15px;
content: "feeling";
position: absolute;
margin-left: -20px;
margin-top:-30px;
color: #fff;
}
new:before{
content: "something there";
font-size: 12px;
height: 25px;
position: absolute;
margin-top:-2px;
color: #ffffff;
transition: all 10s step-end;
background-color: #;;
}
new:hover:before{
transition: all 1s ease-in;
opacity: . !important;
}
test{
font-family: "Icons" !important;
}
#page_end_html
{
left: 0px;
min-width: %;
z-index: -;
background-color:#56EDFF;
position: fixed;
bottom: 0px;
opacity: 0.6 !important;;
}
.comment_date:after{
font-size: 20px;
padding-left: 10px;
content: "stO";
color: #e69286;
}
.louzhu:after{
position: absolute;
content: " 蒟蒻";
border: 8px solid #fff;
min-width: 20px;
margin-left: 110px;
z-index: ;
background-color: #fff;
color: #fc8f8c;
}

css

    

    效果

OOO的CSS的更多相关文章

  1. Django 系列博客(三)

    Django 系列博客(三) 前言 本篇博客介绍 django 的前后端交互及如何处理 get 请求和 post 请求. get 请求 get请求是单纯的请求一个页面资源,一般不建议进行账号信息的传输 ...

  2. Matplotlib数据可视化(3):文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  3. 纯CSS照片墙

    css中transform参考CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate 效果图:

  4. HTML、CSS和JS

    一.html 1.web流程中的HTML HTML---->赤裸裸的人 CSS  ---->穿华丽的衣服 JS    ---->让人动起来 浏览器和server端之间的通信本质上是字 ...

  5. 前端 CSS 基础

    CSS概述 CSS全称:层叠样式表 (Cascading Style Sheets).CSS使得网站可以:创建文档内容清晰地独立于文档表现层. 样式表定义如何显示 HTML 元素,样式通常保存在外部的 ...

  6. css实现遮罩层,父div透明,子div不透明

    使用元素的opacity 属性,设置遮罩层的效果, 主要 样式是:background-color: #ooo; opacity:0.3; <div style="width:500p ...

  7. div+css的属性

    div+css的属性 gCascading Style Sheet 层叠式样式表 ==> 层叠样式表 Internal Style Sheet 内部样式表 External Style Shee ...

  8. 02-03 CSS快速入门

    css四种引入方式:test.html: p{ color: gold; font-size: 20px; } title.html: <!DOCTYPE html> <html l ...

  9. 第 2 章 前端基础之CSS

    一.CSS语法 CSS规则由两个主要的部分构成:选择器,以及一条或多条声明. ''' selector { property: value; property: value; ... property ...

随机推荐

  1. spring注解@postConstruct与constructor与@Autowired的启动顺序

    本文链接:https://blog.csdn.net/zpflwy1314/article/details/80797756 @Postcontruct’在依赖注入完成后自动调用,例如要将对象a注入到 ...

  2. Java之利用Freemarker模板引擎实现代码生成器,提高效率

    https://blog.csdn.net/huangwenyi1010/article/details/71249258  java模板引擎freemarker代码生成器 更多 个人分类: 一步一步 ...

  3. Kubernetes(k8s)网络插件(CNI)的基准测试对比

      Kubernetes是一个伟大的容器"乐队".但它不管理Pod-to-Pod通信的网络.这是容器网络接口(CNI)插件的使命,它是实现容器集群工具(Kubernetes,Mes ...

  4. Spring MVC 复习

    概念 三层架构 将整个业务应用划分为三层 ​ 表现层:用来和客户端进行数据交互,一般采用MVC设计模式 ​ 业务层:处理公司具体业务逻辑 ​ 持久层:用来操作数据库 MVC模型 Model View ...

  5. BZOJ3209: 花神的数论题(数位DP)

    题目: 3209: 花神的数论题 解析: 二进制的数位DP 因为\([1,n]\)中每一个数对应的二进制数是唯一的,我们枚举\(1\)的个数\(k\),计算有多少个数的二进制中有\(k\)个\(1\) ...

  6. Java自学-数字与字符串 操纵字符串

    Java常见字符串方法 示例 1 : 获取字符 charAt(int index)获取指定位置的字符 package character; public class TestString { publ ...

  7. 【转】用Python做股市量化策略投资数据分析

    金融量化分析介绍     本文摘要; 金融量化分析介绍 1.什么是金融量化分析 2.金融量化分析可以干什么 3.为什么将python运用于金融 4.常用库简介 1.什么是金融量化分析 从标题中我们可以 ...

  8. 【转载】UiPath,UiPath教程,UiPath视频教程 RPA

    第一课-UiPath简介 第二课-变量和数据类型第1部分-基础讲解 第二课-变量和数据类型第2部分-实例讲解 第二课-流程控制第1部分-ifelse语句讲解 第二课-流程控制第3部分-高级流程控制语句 ...

  9. spark任务在executor端的运行过程分析

    CoarseGrainedExecutorBackend 上一篇,我们主要分析了一次作业的提交过程,严格说是在driver端的过程,作业提交之后经过DAGScheduler根据shuffle依赖关系划 ...

  10. 【转载】 使用宝塔Linux面板功能查看服务器内存使用情况

    运维过阿里云服务器或者腾讯云服务器的运维人员都知道,针对占用内存比较高的应用或者服务等,我们需要时刻关注服务器的内存使用率,是否存在内存瓶颈等情况的出现.阿里云和腾讯云官方后台界面的监控数据页面也有相 ...