css使用的一点经验

    技术2022-05-11  160

    css文件中:a#active_menu:link { color: #363D1B; font-size:100px;}a#active_menu:visited { color: #363D1B; font-size:100px;}a#active_menu:hover { color: #363D1B; font-size:120px;}

    html文件中:<a href="www.sohu.com"  id="active_menu">要楞为可膛可膛吕楞吧在</a>

    可以实现用ID使用链接样式。========================================================css文件中:#abc333{......}在HTML中:在<table> <td> <div>标签中加入id="abc333",可实现对标签中的内容的控制

    =========================================================css中:

    td a:hover{ color: #7BBA72; background: #1E3614;}

    以上设置了网页中所有表格中单元格中的链接悬停时的样式

    =========================================================css中:

    #thistable td a:hover{ color: #7BBA72; background: #1E3614;}

    在HTML中,设置一个表格的ID为"thistable",即:<table id="thistable">则对于这个表格中所有链接的悬停状态都做了设定。

    格式为:#ID 标签1[.类名] 标签2[.类名] …… 类{……}

    所以td a:hover{ color: #7BBA72; background: #1E3614;}

    也可以写成table td a:hover{ color: #7BBA72; background: #1E3614;}

     

    扩展:当在CSS中:#thistable td a.a03:hover{ color: #7BBA72; background: #1E3614;}

    在只对在HTML中的<a>标签中使用了class=”a03”的链接使用此样式,即<a href=”#” _fcksavedurl="”#”" class=”a03”>

    总结:形如:a.a01:link{...}对其的解释是:a为标签名,a01是设置的一个类名,即为class中设置的名字,link是一个属性。

    ========================================================

    在<TD Class=maniotd>在样式表链接文件中,如用:td.mainotd {.......padding-left:33px;}会出现padding不能用的情况!

    改为:table tr td.maniotd {padding-left:33px;....}便可以了。

    使用PADDING-LEFT等会增加单元格的宽或相应长度,因为PADDING的值不算在单元格宽度内。把表格的宽度改成百分比便可以做到设置PADDING而不改变表格宽度了!

     


    最新回复(0)