?? css.css
字號:
.listpic每張圖的占位空間
width:127px;占位寬度127像素
padding:3px 0 3px 4px;內間隙距離上右下左
float:left;居左排列
.listpic .title圖片底下的標題樣式
width:127px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
固定了寬度,控制自動隱藏超出邊界的文字
******************************************/
.listpic{
width:127px;
padding:3px 0 3px 4px;
float:left;
}
.listpic .title{
width:127px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/******************************************
文章中列表頁中的圖片主題,圖片內邊框樣式
border:1px #FFF solid;邊框一個像素,為實線,可以改0px,即取消內邊框
改solid為dotted即是虛線
******************************************/
.listpic img{
border:1px #FFF solid;
}
/******************************************
文章中列表頁中的圖片主題,圖片外邊框樣式
width:120px; 圖片外邊框寬 height:90px; 圖片外邊框高
display:block; 定義鏈接為實體利于加效果
text-align :center; 圖片在邊框內居中
border:1px #ccc solid;圖片外邊框樣式,要取消邊框,可以把1改0,
要加粗粗,把1改成更大的數,要用虛線,可以把solid改成dotted,要換顏色修改#ccc為其他的
margin-bottom:5px; 與底部文字的距離
******************************************/
.listpic .img a{
width:120px;
height:90px;
display:block;
text-align :center;
border:1px #6CBA64 solid;
margin-bottom:5px;
}
/******************************************
文章列表
padding:7px 5px 0 5px;內間隙,上右下左的距離
border-bottom:1px dashed #ccc;底部虛線,也可改為實線solid 或其他顏色
.listarticle span參數樣式
******************************************/
.listarticle td{
padding:7px 5px 0 5px;
border-bottom:1px dashed #ccc;
}
.listarticle span{
display:block;
float:left;
}
/******************************************
文章列表
文章標題樣式
text-indent: 0.6em;與小圖標的距離
background:url(../images/title_icon3.gif) no-repeat left;小圖標,居左不平鋪
background-position: 0em 40%;小圖標是背景,坐標位置
.listarticle span.time{float:right;}時間靠右顯示
******************************************/
.listarticle span.title{
text-indent: 0.6em;
background:url(../images/title_icon3.gif) no-repeat left;
background-position: 0em 40%;
}
.listarticle span.time{
float:right;
}
/******************************************
分頁
******************************************/
.page{
width:98%;
margin-top:1em;
clear:both;
}
.page a{
display:block;
float:left;
margin-right:3px;
border:1px solid #ccc;
padding:2px 4px 1px 4px;
}
/*****************************************************************
******************************************************************
文章內容頁
.content_word,.content_word p多種格式的控制內容的樣式,字號為15像素
******************************************************************
******************************************************************/
.content_word,.content_word p{
font-size:15px;
}
/*****************************************************************************************
******************************************************************************************
圖片頻道,視頻,FLASH,音樂,商城,下載頻道的列表頁的圖片列表
******************************************************************************************
******************************************************************************************/
/******************************************
display:block;定義為模塊
width:98%;寬度為98%
margin:8px 8px 0 10px;與其他的外間隙上右下左的距離
height:100px;高度
overflow:hide;文字超過則隱藏,不過上面寬度只有設置成具體像素才生效.
border-bottom:1px #ccc dotted;底部邊框為一個像素的虛線.改成solid則為實線,改成0px則取消邊框
這里特別要注意的是.把寬度改成width:44%;增加一句float:left;就可以一行顯示兩個
******************************************/
.ListPhoto ul{
display:block;
width:98%;
margin:8px 8px 0 10px;
height:100px;
overflow:hide;
border-bottom:1px #6CBA64 dotted;
}
/******************************************
圖片與介紹文字是左右并排
******************************************/
.ListPhoto ul li{
display:block;
float:left;
}
/******************************************
圖片容器樣式,
width:130px;寬
border-right:1px #ccc dotted;容器右邊樣式,改dotted為solid則為實線,把1px改為0則取消邊框
******************************************/
.ListPhoto ul li.img{
width:130px;
border-right:1px #ccc dotted;
}
/******************************************
圖片內邊框樣式
******************************************/
.ListPhoto ul li.img img{
border:1px solid #ccc;
}
/******************************************
圖片外邊框樣式
display:block; 定義為實體,方便加效果
width:120px; 寬
height:90px; 高
text-align :center; 圖片居中
background:#eee; 背景顏色,只有圖片太小時,才看得到效果.
border:1px solid #333; 外邊框樣式,可改solid為dotted虛線.取消邊框的話.改1px為0
******************************************/
.ListPhoto ul li.img a{
display:block;
width:120px;
height:90px;
text-align :center;
background:#eee;
border:1px solid #333;
}
/******************************************
圖片的相關文字樣式
margin-left:1em;與左邊距離1個漢字距離
******************************************/
.ListPhoto ul li.word{
margin-left:1em;
}
/******************************************
圖片的相關文字樣式
display:block;做為實體,每個占一行,
overflow:hide,文字超出邊界,自動隱藏.一般只有設置了寬度時才生效
******************************************/
.ListPhoto ul li.word span{
display:block;
overflow:hide;
}
/******************************************
圖片的相關文字,超級鏈接的文字加粗顯示
******************************************/
.ListPhoto ul li.word span.title a{
font-weight:bold;
}
/*****************************************************************************************
*****************************************************************************************
**********評論
******************************************************************************************
******************************************************************************************/
#comment .content{
border:dotted 1px #ddd;
margin-bottom:10px;
}
#comment .content .word{
border-bottom:solid 1px #ddd;
padding-left:5px;
height:50px;
}
#comment .content .img{
border-right:dotted 1px #ddd;
padding:1em;
}
#comment .content .info{
padding:2px 0 0 5px;
}
/*****************************************************************************************
*****************************************************************************************
************留言本
*****************************************************************************************
*****************************************************************************************/
.guestbook{
margin-bottom:4px;
border:1px dotted #A7CAFA;
}
.guestbook .Ftd{
padding:4px;
border-right:1px dotted #A7CAFA;
}
.guestbook .Atd{
border-top:1px solid #D2E4FC;
padding-left:4px;
}
.guestbook .Ctd{
padding:4px;
}
/*****************************************************************************************
*****************************************************************************************
網頁底部
******************************************************************************************
******************************************************************************************/
#footer{
margin-top:4px;
}
#footer td{
padding:1em 0 1em 0;
}
/*****************************************************************************************
*****************************************************************************************
www.php168.com官方站綜合首頁
*****************************************************************************************
*****************************************************************************************/
/*內容模塊頭部*/
.Main_Left .dragTable .head{
background:;
height:16px;
padding-left:1em;
padding-top:4px;
border:0px #FFF solid;
font-weight:bold;
color:#0D72B6;
}
.Main_Left .dragTable{
background:;
}
.Main_Left .dragTable .middle,.Side .dragTable .middle{
padding-top:0px;
padding-left:2px;
padding-bottom:2px;
line-height:16px;
}
.Main_Center .dragTable .middle{
padding-top:4px;
padding-left:2px;
padding-bottom:0px;
line-height:18px;
}
.Main_Center .dragTable .head{
background:#D2E4FC;
height:20px;
padding-left:1em;
padding-top:7px;
border:0px #0D72B6 dotted;
border-bottom:1px #0D72B6 dotted;
font-weight:bold;
color:#333;
}
/*內容模塊*/
.Main_Center{
padding-left:0.3%;
}
.Main_Center .dragTable{
width:99%;
margin-top:5px;
overflow:hide;
border:0px #A7CAFA solid;
}
.Space{
height:23px;
margin-top:4px;
background:#A8CFE7 url();
border:1px solid #3371B2;
}
.Space .L{
padding:5px 0 0 5px;
font-weight:bold;
color:#FFF;
}
.Space .L{
float:left;
}
.Space .R{
padding:5px 5px 0 0;
float:right;
}
/*********************************************************************
**********************************************************************
AJAX在線編輯DIV容器
這個會員看不到.只是版主管理員才可以看到.這是后臺風格
一般不必修改了.修改了會員也看不到
**********************************************************************
*********************************************************************/
#AjaxEditTable{
border:1px solid #BEDDFF;
background:#FFF;
}
#AjaxEditTable .head{
height: 21px;
background: #DBEAFF;
border-bottom:1px solid #BEDDFF;
padding:3px 5px 0 7px;
}
#AjaxEditTable .head a{
color:#FFF;
}
#AjaxEditTable .head span{
DISPLAY: block;
FLOAT: right;
}
#AjaxEditTable .middle{
background:#FFF;
line-height:18px;
padding:5px;
}
#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{
border:1px solid #BEDDFF;
background:#FFF;
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -