css樣式中，怎么讓新聞列表的時(shí)間總是在右邊

html里

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、稷山ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的稷山網(wǎng)站制作公司

span此處時(shí)間/span

csss里

span{float:right;}

css中,ul和li,做新聞列表,每條新聞前要有圖標(biāo),請問代碼如何編輯?還有就是每天添加的新聞后面有個(gè)NEW。

1.每條新聞前要有圖標(biāo) 不知道圖標(biāo)是不是一樣的，還是1.2.3……這種排名形式

·如果圖標(biāo)都是一樣的，那就切一個(gè)小圖標(biāo)，作為li的背景，也可以設(shè)置list-style-image:url();差不多就這兩種方法

·如果圖標(biāo)不一樣，就把這些圖標(biāo)豎著排到一張圖片里，作為ul的背景。然后設(shè)置li的行高，讓每一行l(wèi)i與每個(gè)圖標(biāo)對齊。

2.每天添加的新聞后面有個(gè)NEW。

這個(gè)要讓你們搞后臺的同學(xué)設(shè)置一下，寫個(gè)判斷，獲取更新日期與當(dāng)前日期，如果更新日期=當(dāng)前日期（天數(shù)），那么就顯示new的圖標(biāo)。一般的cms都有方法調(diào)用的

新聞列表的css如何寫

style

div{ width:500px;}

div ul li{ overflow:hidden;}

div ul li a{ float:left;}

div ul li span{ float:right;}

/style

div

ul

li

div處理高鹽廢水的高效微生物功能菌的研究/div

a資源與環(huán)境/aspan9月22日/span

/li

/ul

/div

CSS里的HTML選擇器、類選擇器、ID選擇器用于哪些范圍？

主要應(yīng)用于聲明不同優(yōu)先級、不同適用范圍的樣式。

【HTML選擇器】

三者中優(yōu)先級最低的選擇器。

用于最基礎(chǔ)樣式的定義，比如定義頁面整體的字體（給body定義font），鏈接的樣式（給a定義顏色、下劃線等屬性），列表項(xiàng)的符號樣式（給li定義list-style），段落的間距（給p定義padding或者margin）等等。 這種聲明優(yōu)先級最低。

舉例：

body, table td { font:normal 12px/1.8 Arial; }

a { color:#ff0; text-decoration:none; }

a:hover { color:#ff6; }

p { text-indent:2em; }

【類選擇器】

用于來定義一類可以在同一個(gè)頁面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動(dòng)），或者自己定義的用于新聞列表的樣式，詳細(xì)的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習(xí)慣把一些常用的屬性作為一個(gè)類。

舉例：

.clearfix { clear:both; content:.; height:0; overflow:hidden; zoom:1; }

.fl { float:left; }

.red { color:red; }

.box { border:1px solid #ccc; }

.box li { padding-left:15px; background:url(arrow.png) 5px center no-repeat }

【ID選擇器】

三者中優(yōu)先級最高的選擇器。

一般用于一個(gè)頁面中僅出現(xiàn)一次的容器，也常常作為js的接口。例如頁面上的導(dǎo)航條（#nav）、頁腳（#footer）、側(cè)邊欄（#sider）、主要內(nèi)容（#mainBody）等等。

舉例：

#nav { padding:10px 0; background:url(../images/nav.png) 0 -124px repeat-x; }

#footer { border-top:3px solid #630; }

#sider { float:right: width:298px; border:1px solid #ccc; }

新聞列表前面的小圖標(biāo)是怎么加上去的

這個(gè)一般通過樣式解決，找到定義文章列表的css，然后加個(gè)小圖標(biāo)背景就行。

比如html是這樣寫的：li內(nèi)容內(nèi)容/li

css這樣寫：

li{

background: url("../images/xx.jpg") no-repeat left center;

padding-left:10px;

}