css折叠样式(2)——定义样式表

  


 css折叠样式(2)——定义样式表



第一样式表可用(1)嵌入式样式表(2)引入式样式表,两种方式来实现,

如下我便以代码的形式放在下面:

(1)嵌入式样式表

演示。html

  & lt;/head>
  ,,,,
  & lt; body>
  ,,,& lt; div 类=癲iv1”, id=癲ivid”在css定义样式& lt;/div>
  ,,,,
  ,,,& lt; h2>这是定义样式1 & lt;/h2>
  ,,,& lt; h3>这是定义样式2 & lt;/h3>
  ,,,& lt; p>这是定义样式3 & lt;/p>
  ,,,& lt; p 类=皃1”比;这是定义样式4 & lt;/p>
  ,,,& lt; p  id=皃id”祝辞;这是定义样式5 & lt;/p>
  ,,,,
  ,,,,
  ,,,& lt; a  href=" http://www.baidu.com/1 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/2 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/3 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/4 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/5 ",目标=捌降取痹诎俣? & lt;/a>
  & lt;/body>
  
  & lt;/html> 



(2)引入式样式表

演示。html

  & lt; body>
  ,,,& lt; h2> css样式使用& lt;/h2>
  ,,,& lt; a  href=" http://www.baidu.com/1 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/2 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/3 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/4 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; a  href=" http://www.baidu.com/5 ",目标=捌降取痹诎俣? & lt;/a>
  ,,,& lt; br>
  ,,,& lt; h2>这是定义样式1 & lt;/h2>
  ,,,& lt; h3>这是定义样式2 & lt;/h3>
  ,,,& lt; p>这是定义样式3 & lt;/p>
  ,,,& lt; p 类=皃1”比;这是定义样式4 & lt;/p>
  ,,,& lt; p  id=皃id”祝辞;这是定义样式5 & lt;/p>
  ,,,& lt; div> css的html定义样式& lt;/div>
  ,,,& lt; div 类=癲iv1”在css的类定义样式& lt;/div>
  ,,,& lt; div  id=癲ivid”在css的id定义样式& lt;/div>
  ,,,& lt; div 类=癲iv1”, id=癲ivid”在css定义样式的优先级:id 祝辞,class 祝辞HTML 样式& lt;/div>
  & lt;/body>
  
  & lt;/html> 


风格。css

css折叠样式(2)——定义样式表