css样式入门(建立样式模板)

本文介绍了如何定义并应用CSS样式来改变页面元素的显示效果。通过实例展示了如何设置字体大小及颜色,并在页面中引用这些样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    从来没有重视过css样式.也从来没有他细研究过,这次改项目的界面,可吃苦头了.好了,现学现卖了.

页面的

在<head>中间加上这个.

 <style>
  .nodata
{
    font
-size:11px;
    color:red;
  }

 
</style>

在页面上应用这个样式.

                <tr>
                    
<td>
                        今天:
                    
</td>
                    
<td>
                        API指数为:
                    
</td>
                    
<td>
                    
<c:if test="${cityDay.pollutionIndeces==null}"><div class="nodata">暂无数据</div></c:if>    
                    
<c:if test="${cityDay.pollutionIndeces!=null}">${cityDay.pollutionIndeces}</c:if>    
                    
</td>
                    
<td>
                        级别:
                    
</td>
                    
<td>
                       
<c:if test="${cityDay.grade==null}"><div class="nodata">暂无数据</div></c:if>
                       
<c:if test="${cityDay.grade!=null}">${cityDay.grade}</c:if>
                    
</td>
                    
<td>
                        状态:
                    
</td>
                    
<td>
                        
<c:if test="${cityDay.status==null}"><div class="nodata">暂无数据</div></c:if>
                        
<c:if test="${cityDay.status!=null}">${cityDay.status }</c:if>
                    
</td>
                    
<td>
                        首要污染物:
                    
</td>
                    
<td colspan="4">
                     
<c:if test="${cityDay.mainPollutant==null}"><div class="nodata">暂无数据</div></c:if>
                     
<c:if test="${cityDay.mainPollutant!=null}">${cityDay.mainPollutant}</c:if>
                    
</td>
                
</tr>

先定底义一个样式,然后在页面上引用就可以了.这是最基本的,以后还要加强学习,有什么问题,就不用找美工了.

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值