如何添加CSS样式

html-css010

如何添加CSS样式,第1张

即使用style属性,将CSS直接写在HTML标签中。例如:<p style=color:red这行段落将显示为红色。</p注意:style属性可以用在<body内的所有(X)HTML标签上,但不能应用与<body以外的标签,如<title<head等标签。二,嵌入式样式表(Embedded Style Sheets)嵌入式样式表使用<style</style标签嵌入到(X)HTML文件的头部中,代码如下:<head<style type=text/css<!--.class{color:red} -- </style</head注意:对于一些不能识别<style标签的浏览器,使用(X)HTML的注释标签<!-- 注释文字 --把样式包含进来。这样源码天空,不支持<style标签的的浏览器会忽略样式内容,而支持<style标签的浏览器会解读样式表。三,外部样式表(Link Style Sheets)在<head标签内使用<link标签将样式表文件连接到(X)HTML文件中。代码如下:

有两种方式

1、在head标签之间添加style标签

2、直接在HTML代码里添加style属性,然后在属性里定义css代码

3、也可以将1中的style标签里的内容放到一个css文件里,然后在html页面引用这个文件也是一样的效果

<link href="css文件路径" rel="stylesheet"> <!--这样就可以了,尽量代码简洁-->

4、下面是我的HTML代码

<link href="33.css" rel="stylesheet" type="text/css">

把这句放到<head>与</head>之间就行了!