笔记《三》-html引用css的三种方式-内联,嵌入,外联

2020-06-09  本文已影响0人  Mae_grace

(一)

CSS主要是用于定义HTML内容在浏览器内的显示样式。

使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

p:-----选择符、选择器

{color:red;

font-size:12px;}

{}声明;color属性;red值

(二)CSS样式

1、内联式

在body的span,p等中,如:<p style="color:red">这里文字是红色。</p>,<span style = "color:blue">超酷的互联网</span>

2、嵌入式

在head中:

<style type="text/css">

    span {

        font-size:18px;

        color:blue;

    }

    </style>

在body中:

<span>超酷的互联网</span>

3、外部式-外联式

写一个单独的css文件,然后再html中引用这个css文件

base.css" rel="stylesheet" type="text/css">base.css" rel="stylesheet" type="text/css">base.css" rel="stylesheet" type="text/css">base.css" rel="stylesheet" type="text/css">base.css" rel="stylesheet" type="text/css">base.css" rel="stylesheet" type="text/css"><link href="style.css" rel="stylesheet" type="text/css" />写在<head>标签内,非<style>内;

href是文件名,一般取有意义的名字

rel和type是固定写法,不可改

4、内联式、嵌入式,外联式三者的优先级--权重相同的情况下,就近原则

内联式 > 嵌入式 > 外部式(嵌入式在外部式后面时,先写link,后写sytle)

上一篇 下一篇

猜你喜欢

热点阅读