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

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

作者: Mae_grace | 来源:发表于2020-06-09 20:21 被阅读0次

(一)

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)

相关文章

  • css基础语法

    本文主要内容 1.html导入css的三种方式 分为内联方式、嵌入方式、外联方式。 2.css的选择器 分为id选...

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

    (一) CSS主要是用于定义HTML内容在浏览器内的显示样式。 使用CSS样式的一个好处是通过定义某个样式,可以让...

  • 前端性能优化(基本)

    HTML 避免使用 内联式、嵌入式 代码在html页面中引入css、js代码有三种方式:“内联式”、“嵌入式”、“...

  • 前端知识 | css样式的引用方式及不用引用方式的解析优先级

    在html页面中引用css的方式有3种:分别是内联样式、内部样式和外联样式。 一、 内联样式 内联样式写在html...

  • JS高程系列笔记--脚本引入及其位置

    向HTML页面中插入JavaScript脚本的主要方法有三种:页面嵌入 标签内联页面嵌入 标签外联直接在HTML元...

  • CSS引入方式和优先级简单介绍

    css引入方式 内联方式, 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 嵌入方式,...

  • CSS引入方式

    CSS三种引入方式:内联、页级、外联 来源:http://www.cnblogs.com/ljwk/p/71363...

  • CSS样式添加

    三种: 一般来说优先级:内联式>嵌入式>外部式 内联式css样式,直接写在现有的html标签中嵌入式css样式,写...

  • 006 CSS三种引入方式

    CSS三种引入方式 一、三种方式的书写规范 1、行间式 2、内联式 3、外联式 二、三种方式间的"优先级" 与样式...

  • JS

    1.请说出网页引用JavaScript的三种方式第一种:内联式(代码直接写入html标签内) ... 第二种:外联...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/izxetktx.html