HTML中CSS的根本使用方法-HTML教程-爱易网页

日期：2014-05-17　浏览次数：20913 次

HTML中CSS的基本使用方法
本文列举了HTML中使用CSS的基本方法，供大家参考。

<link type="text/css" rel="stylesheet" href="js_css/menutree.css">

<style type="text/css">
    </style>

<style type="text/css">
    #loginTable
    {
    }
</style>
HTML
<table id="loginTable">
</table>

<style type="text/css">
    table
    {
    }
</style>

HTML
<table>
</table>

此例中，页面中所有的<table>标签被统一定义。

CSS
<style type="text/css">
    table.login
    {
    }
</style>

HTML
<table class="login">
</table>

此例中，HTML中所有带class="login"属性的<table>标签被统一定义。

a:link {  }
    a:visited {  }
    a:active {  }
    a:hover  {  }
又
    a.menu:link {}
    a.menu:visited{}

以句号开头的是自定义类

<style type="text/css">
    .loginTable
    {
    }
</style>
HTML
<table class="loginTable">
</table>

此例中，所有指定class="loginTable"的标签被统一定义。注意，各种Html标签的属性可能略有不同，也就是说.loginTable中的有些属些可能不会生效。例如，给一个table标签指定float属性，肯定是不会生效的。

HTML

<table style="{border-width:1px; border-style: solid; }">
</table>

既使用CSS，也使用传统属性定义，则CSS会覆盖HTML属性定义。
CSS

table.s
{
    width: 100px;
}
HTML
<table  width="400" height="400" class="s"> </table>

由于CSS中指定了width，则实际宽度以CSS为准, width=100; 高度在CSS中没有定义，则以HTML属性为准, height=400

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。