简述应用css样式的方法,应用CSS样式表的三种方法

  • Post author:
  • Post category:其他


要求实现效果:

字体大小:30px

字体颜色:red

首行缩进:2em

1d5758fdfc5342c2489dda115e8e8c1d.png

一.给标签指定style属性,即行内式

格式:style=”属性1: 属性值1; 属性2: 属性值2″

源码:css

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。可是,聪明的,你告诉我,咱们的日子为何一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们本身逃走了罢:如今又到了哪里呢?

二.使用内嵌样式标记

格式:

选择器{属性1: 属性值1; 属性2: 属性值2}

源码:html

Document

p{

font-size: 30px;

color: red;

text-indent: 2em;

}

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。可是,聪明的,你告诉我,咱们的日子为何一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们本身逃走了罢:如今又到了哪里呢?

三.使用link标签引入以.css为扩展名的外部样式表,即链入式

格式:web

svg

源码: a.css

p{

font-size: 30px;

color: red;

text-indent: 2em;

}

b.html字体

Document

燕子去了,有再来的时候;杨柳枯了,有再青的时候;桃花谢了,有再开的时候。可是,聪明的,你告诉我,咱们的日子为何一去不复返呢?——是有人偷了他们罢:那是谁?又藏在何处呢?是他们本身逃走了罢:如今又到了哪里呢?

href中的css文件路径:

本例中的css文件和html文件在同一路径下,因此才是a.css。code