Re: 關於blog語法...
嗯,屬於css~可是來源於html語法
它是定義html中各項的屬性。
在html或者asph或php中加入css包含,
則網頁沿用定義~~
※ 引述《sasaka (sasaka)》之銘言:
: body {
: margin:10px 0px;
: padding:0px;
: text-align:center;
: font:11px arial, times new roman, lucida sans unicode, sans-serif;
: color:#FFF;
: background-image: url("http://p5.p.pixnet.net/albums/userpics/5/0/15450/110483808790.gif");
: }
~~例如body就是對應html中間body屬性啦~~~~
: h1{
: font-weight: normal;
: font-size: 24px;
: font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
: text-decoration: none;
: color: #000000;
: margin: 0px;
: }
: h2 {
: font-family: Arial, Helvetica, sans-serif;
: font-size: 18px;
: margin: 0px;
: }
: h3 {
: font-weight: normal;
: font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
: font-size: 14px;
: color: #999999;
: margin: 0px;
: }
: h4 {
: font: 14px times new roman, arial, sans-serif;
: letter-spacing: 0.09em;
: text-transform: uppercase;
: margin: 0px;
: padding: 0px;
: }
: .date {
: font: 10px verdana, arial, helvetica, sans-serif;
: letter-spacing: 0.09em;
: }
: .footer {
: font:10px verdana, arial, helvetica, sans-serif;
: color: #666;
: background: transparent;
: text-align: right;
: }
: .Upgrade {
: display: none;
: font-weight: bold;
: }
: p {
: line-height:1.8;
: margin:10px 0px;
: }
: ol, ul {
: margin-top:0;
: margin-bottom:10px;
: line-height:1.8;
: }
: #BlogHeader {
: display: none;
: }
: #BlogDescr {
: display: none;
: }
: #Container {
: width:790px;
: margin:0px auto;
: text-align:left;
: padding:0px;
: border: 1px solid #ccc;
: background-color:#eee;
: color: #333;
: }
: #Main {
: width:748px;
: float: left;
: margin-right: 10px;
: margin-left: 10px;
: text-align:center;
: padding:0px;
: border: 1px solid #ccc;
: background-color:#fff;
: color: #333;
: }
: #Container>#Main {margin-left: 20px;}
: #Top {
: padding:10px;
: border-bottom: 0px;
: color: #333;
: background-image: url("http://p8.p.pixnet.net/albums/userpics/8/8/12088/110305976939.png");
: height: 94px;
: }
: #Topmenu {
: text-align:center;
: padding:5px 10px;
: border-top:1px dashed #ccc;
: border-bottom: 0px;
: background-color:#6699FF;
: font:10px verdana, arial, helvetica, sans-serif;
: color:#333;
: text-transform: uppercase;
: }
: #Content {
: width: 425px;
: float: left;
: text-align:left;
: margin:0px;
: padding:10px;
: border-right: 1px solid #ccc;
: border-left: 1px solid #ccc;
: color: #333;
: background-color:#FFF;
: }
: #Sidebar-l {
: width: 130px;
: float: left;
: font:12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
: color:#666;
: text-align:left;
: padding:10px;
: background-color:#fff;
: }
: #Sidebar-r {
: width: 130px;
: float: left;
: font:12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
: color:#666;
: text-align:left;
: padding:10px;
: background-color:#fff;
: }
: .Sidetitle {
: text-align: center;
: border-top: 1px solid #ccc;
: border-bottom: 1px solid #ccc;
: color: #333;
: background: #eee;
: text-transform: uppercase;
: }
: #Bottommenu {
: text-align:center;
: padding:10px 5px;
: border-top:0px;
: border-bottom:1px dashed #ccc;
: background-color:#eee;
: font:10px verdana, arial, helvetica, sans-serif;
: color:#333;
: text-transform: uppercase;
: }
: #Bottom {
: text-align:center;
: padding:10px;
: border-top: 0px;
: background-color:#ddd;
: font:10px verdana, arial, helvetica, sans-serif;
: color:#333;
: }
: #Bottom a img {
: opacity: 0.5;
: FILTER: Alpha(opacity=50);
: text-decoration:none;
: border: 0px;
: }
: #Bottom a:hover img {
: opacity: 1;
: FILTER: Alpha(opacity=100);
: text-decoration:none;
: border: 0px;
: }
: a {
: color:#666;
: text-decoration:none;
: background: transparent;
: }
: a:link {color: #666; border-bottom: 1px dashed #666; background: transparent;}
: a:visited {color: #666; border-bottom: 1px dashed #666; background: transparent;}
: a:hover {color: #666; border-bottom: 1px solid #666; background: transparent;}
: #album a, #album a:link, #album a:hover, #album a:active { border: 0px; text-decoration: none; }
: .calendar {
: font:12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
: }
: .calendarToday {
: background-color: #ecdebd;
: }
: table.calMonth {
: width:130px;
: }
: thead {
: text-align:center;
: }
: tbody {
: text-align:right;
: }
: table.calYear tbody tr td {
: vertical-align:top;
: }
: .commentposterinfo {
: font: 9px trebuchet ms, arial, verdana, sans-serif;
: letter-spacing: .09em;
: text-align: left;
: margin-top: 0px;
: }
: a.nodecoration:link, a.nodecoration:visited {
: border: 0px;
: }
: ul {
: margin: 0px;
: margin-left: 5px;
: padding: 0px;
: }
: li {
: margin: 0px;
: margin-left: 15px;
: padding: 0px;
: list-style-position: outside;
: list-style-type: none;
: }
: fieldset {
: border: 0px;
: }
: fieldset > * select:focus,
: fieldset > * input:focus,
: fieldset > * textarea:focus {
: border-color: #ffa500;
: border-width: 1px;
: }
orz。。。還有自定義的屬性~~~自學成才吧~~~
--
突然發現青春有白髮~~
等待像微笑蒙娜麗莎~~
... ..不知吹到何年何月那陣風...
... ... ...不知忍到何年何月那陣痛...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 66.253.169.109
討論串 (同標題文章)
Blog 近期熱門文章
PTT數位生活區 即時熱門文章