css基本知识

来源：互联网发布：php项目用什么软件开发编辑：程序博客网时间：2024/06/05 06:55

内部样式表 <p style="color:red; font-size:2cm ">....</p>
嵌入样式表 <head> <style type="text/css"> .... </style></head>
外部样式表 <link rel="stylesheet" type="text/css" href=".././CSS/style.css">
输入样式表
  1 在 style.css文件里加上
    @import url(./demo.css);


  2直接在 head style 里加上
  <style type="text/css">
     @import url(.././CSS/style.css);
  </style>

样式规则的选择器
html selector
<p style="color:red; font-size:2cm ">....</p>
class selector
1 p.one <p class="one">
2 .one 任何标签都能用他
id selector
同一个页面 id选择器不能重复 #one{color:red....}
关联选择器
    嵌套     p em{color:red...}    <p> <em>sdfsdf</em></p>
       #one .two em{...}     <div id="one" ><p class= "two"> <em>dfsdf<em>....
组合选择器
       p,div,center,#one,.two {...} 各个都能用他
伟元选择器
       同一个标签多种状体
      a:link{font-size:1cm;color:red}
  a:hover{font-size:5cm;color:green}
  a:visited{font-size:2cm;color:yellow}