CSS的三种使用方式

lCSS主要有元素内联、页面嵌入和外部引用三种使用方式。CSS是描述元素的皮肤！

•元素内联(行内样式表)：

          直接将样式写入元素的style属性中，<input type="text" readonly="readonly" style="background-color: #FF00FF" />，

          适用于样式没有可复用性的场合。

•页面嵌入（内嵌样式表）：

        在head中加入

•       <style type="text/css">

•           input{border-color:Yellow;color:Red;}

•       </style>

•     表示页面中所有input都是采用指定的样式。适合于样式复用，减小页面体积

•外部引用（外部样式表）：

       将css内容写入css后缀的文件

      •textarea{background:yellow}

      •然后在页面中引用，

       在head中加入<link type="text/css" rel=“stylesheet" href="s1.css" />

      适合于多个页面共享css。

 

选择器的优先级：

                           Style  > Id选择器  >  类选择器  >   标签选择器