style
垦利ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！
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资源与环境/aspan9月22日/span
/li
/ul
/div
主要应用于声明不同优先级、不同适用范围的样式。
【HTML选择器】
三者中优先级最低的选择器。
用于最基础样式的定义，比如定义页面整体的字体（给body定义font），链接的样式（给a定义颜色、下划线等属性），列表项的符号样式（给li定义list-style），段落的间距（给p定义padding或者margin）等等。 这种声明优先级最低。
举例：
body, table td { font:normal 12px/1.8 Arial; }
a { color:#ff0; text-decoration:none; }
a:hover { color:#ff6; }
p { text-indent:2em; }
【类选择器】
用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。
举例：
.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选择器】
三者中优先级最高的选择器。
一般用于一个页面中仅出现一次的容器，也常常作为js的接口。例如页面上的导航条（#nav）、页脚（#footer）、侧边栏（#sider）、主要内容（#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; }
html里
span此处时间/span
csss里
span{float:right;}
1.每条新闻前要有图标 不知道图标是不是一样的，还是1.2.3……这种排名形式
·如果图标都是一样的，那就切一个小图标，作为li的背景，也可以设置list-style-image:url();差不多就这两种方法
·如果图标不一样，就把这些图标竖着排到一张图片里，作为ul的背景。然后设置li的行高，让每一行li与每个图标对齐。
2.每天添加的新闻后面有个NEW。
这个要让你们搞后台的同学设置一下，写个判断，获取更新日期与当前日期，如果更新日期=当前日期（天数），那么就显示new的图标。一般的cms都有方法调用的
这个一般通过样式解决，找到定义文章列表的css，然后加个小图标背景就行。
比如html是这样写的：li内容内容/li
css这样写：
li{
background: url("../images/xx.jpg") no-repeat left center;
padding-left:10px;
}
