设置css样式的方法

html-css015

设置css样式的方法,第1张

有三种方法:

行内样式 直接在标签里面添加style属性,在style属性里面写样式即可;

内部样式 在<head>标签里面通过<style>标签来写入内部样式;

外部样式 通过<link>标签引入外部样式表。

有两种方式

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

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

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

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

4、下面是我的HTML代码

标签里面加入style是CSS样式的内联样式写法,同样需要学习CSS代码。

内联样式直接用在 html 的标签里,一般是用在 <p>、<span>、<div>等标签中,作用范围也相同,比如<p style="font-size:1.6em">字体大小 1.6 em</p>。

外联式样式属于外部样式表,其特征:

1、有一个单独的CSS文件存在![如:001.css]

2、首先,通过【格式】→【样式表连接】与CSS文件[001.css]建立连接!<link href="001.css" type="text/css" rel="Stylesheet"/>

3、在合适的地方使用 class="样式名" 调用具体的样式效果!