CSS基础

HTML中引入CSS

1.行内样式 <table style="font-size:12px">

2.内部样式  写在head中,<style type="text/css"></style>

3.外部样式  <link rel="stylesheet" type="text/css" href=""/>

4.导入样式  在CSS中引入其他css  @import url("/css/global.css");

 

CSS选择器

标签选择器  规则{属性:值;}  table{cellspacing:1;}   table.outer{}表示class="outer"的table标签

类选择器  <table class="kk">  .kk{color:red;}  

ID选择器  <table id="kk">   #kk{color:black;}

后代(继承)选择器  .kk tr td{}

群选择器   tr,th,td{}

属性选择器  input[type="text"]{}

伪类选择器 伪类是指不属于真正的类  a:link  a:visited a:hover a:active

 

CSS选择器优先级

important > 内联 > ID >类　＞　标签,属性,伪类