码迷,mamicode.com
首页 > 其他好文 > 详细

样式表的问题

时间:2017-10-14 18:20:45      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:仿真   源程序   而在   属性   自治区   sid   技术   jpg   高校   

    众所周知在加css样式表是共有三种方式而在优先性上内联的方法是优先性最高的,但是我们在实际操作中要学会灵活的运用这三种添加css样式的方法才会使我们的源程序看起来更加符合代码规范,便于以后进行修改。

我们要在一下这种情况下运用内联的方法来添加css样式使其满足我们的要求:

这是text_1_2的属性:

.text_1_2,.text_2_2{
				list-style: inside;
				list-style-image: url(img/ico_jt.jpg);
				font-size: 15px;
				margin-left: 10px;
				text-align: center;
				vertical-align: middle;
				line-height: 30px;
				text-align: left;
				
				
			}

  而下面是在div中用内联的方法添加样式属性的代码:

<ul class="text_1_2">
					<li class="text_1_2_2" style="color: red;"><a class="s2" href="http://www.nwsni.edu.cn/" style="color: red;">北方民族大学本科教学工作审核评估自评报告</a><span class="sl">[10-11]</span></li>
					<li class="text_1_2_2" style="color: red;"><a class="s2" href="http://www.nwsni.edu.cn/" style="color: red;">北方民族大学2017年非事业编制合同聘用专任教师招聘公告</a><span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">校外用户访问校园网内资源的办法VPN(校外用户必读)<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">关于催促电气信息工程学院吴唐华尽快返校的通知<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">关于催促电气信息工程学院唐承捷尽快返校的通知<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">北方民族大学经济管理综合实践教学仿真平台建设软件项目<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">北方民族大学材料学院四球摩擦试验机购置项目中标公告<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">北方民族大学实验室安全设施建设项目(三次招标)中标公告<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">宁夏教育电视台,自治区高校文艺汇演北方民族大学 专场演出<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">北方民族大学材料科学与工程学院等离子放电烧结炉单一来源采<span class="sl">[10-11]</span></li>
					<li class="text_1_2_2">北方民族大学学生餐厅设备更新及电力增容项目---电缆敷设<span class="sl">[10-11]</span></li>

                                                        技术分享    

这样就可以既在CSS样式表中设置整个文本内容的格式,又可以设置你想要的重点效果。

 

样式表的问题

标签:仿真   源程序   而在   属性   自治区   sid   技术   jpg   高校   

原文地址:http://www.cnblogs.com/sunbo123/p/7667689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!