css折叠样式(1)——使用css样式的三种方式

  


 css折叠样式(1)——使用css样式的三种方式



一、css的声明标签是告诉浏览器应该是用什么形式去解析你,一般为:& lt; !DOCTYPE html>,因为html5支持向下兼容,详细可看上图。


二、css样式的使用方式:

(1)内链样式表:

演示。html

 & lt; ! doctype  html>
  & lt; html>
  & lt; head>
  ,,,& lt; meta  charset=皍tf - 8”比;
  ,,,& lt; title>嵌入式样式& lt;/title>
  ,,,& lt; style  type=" text/css "比;
  ,,,& lt; !——HTML标记定义,——比;
  ,,,,,,,身体{
  ,,,,,,,,,,,背景:黄色;字体大小:20 px
  ,,,,,,,}
  ,,,,,,,div {
  ,,,,,,,,,,,背景:红色,字体大小:40 px
  ,,,,,,,},,
  
  ,,,,,,,
  ,,,& lt;/style>
  & lt;/head>
  ,,,,
  & lt; body>
  ,,,& lt; h2>嵌入式样式& lt;/h2>
  ,,,& lt; div>嵌入式样式& lt;/div>
  & lt;/body>
  
  & lt;/html> 

(2)引入式样式表:

演示。以前htnl

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   ,,,& lt; title>引入式样式& lt;/title>   ,,,& lt; meta  charset=皍tf - 8”比;   ,,,,   ,,,& lt; !——style.css就是指定的样式,href为指定路径作用,在,,,   ,,,& lt; link  rel=把奖怼?type=" text/css ", href=" https://www.yisu.com/zixun/style.css "比;   ,,,,   ,,   & lt;/head>   & lt; body>   ,,,& lt; h2>引入式样式& lt;/h2>   ,,,& lt; a  href=" http://www.baidu.com ",目标=捌降取痹诎俣? lt;/a>   ,,,& lt; br>   ,,,& lt; p>引入式样式& lt;/p>   ,,,& lt; div> css的html选择器& lt;/div>   & lt;/body>      & lt;/html>

风格。css

css折叠样式(1)——使用css样式的三种方式