css使用的一点经验
2005-12-28 16:07
417 查看
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而不改变表格宽度了!
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而不改变表格宽度了!
相关文章推荐
- 使用Unity开发项目的一点经验
- CSS 使用经验备忘
- openMP的一点使用经验(图像特征提取OpenCV)
- 一点Hibernate + spring 使用经验
- openMP的一点使用经验
- OpenMP的一点使用经验
- 转载】使用Unity开发项目的一点经验
- 关于使用ISCSI storage 的一点经验(完善中) 推荐
- 关于CASE中使用聚合函数时的一点经验
- openMP的一点使用经验
- openMP的一点使用经验
- 关于继电器使用的一点经验教训!
- openMP的一点使用经验
- 使用一些需要共享对象的一点小经验
- 使用第三方JAR包的一点经验
- CSS的一点使用体会
- 使用SonarQube的一点经验
- openMP的一点使用经验 四
- Intellij使用的一点经验
- Ubuntu下配置FLTK的一点经验及使用FLTK编写休息提醒软件