正文

01-css的引入方式

mjc69213  2022-02-15  688

关键词：

css介绍

现在的互联网前端分三层：

HTML：超文本标记语言。从语义的角度描述页面结构。
CSS：层叠样式表。从审美的角度负责页面样式。
JS：JavaScript 。从交互的角度描述页面行为

CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

css的最新版本是css3，我们目前学习的是css2.1

接下来我们要讲一下为什么要使用CSS。

HTML的缺陷：

不能够适应多种设备
要求浏览器必须智能化足够庞大
数据和显示没有分开
功能不够强大

CSS 优点：

使数据和显示分开
降低网络流量
使整个网站视觉效果一致
使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）

比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。

行内样式

1 <div>
2     <p style="color: green">我是一个段落</p>
3 </div>

View Code

内接样式

<style type="text/css">
    /*写我们的css代码*/
        
    span{
    color: yellow;
    }

</style>

View Code

外接样式-链接式

<link rel="stylesheet" href="./index.css">

View Code

外接样式-导入式

<style type="text/css">
        @import url(‘./index.css‘);
</style>

View Code

01-css的引入方式

在HTML中引入css方式总共有三种：行内样式内接样式外接样式　　　　　3.1链接式　　　　　3.1导入式 css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负... 查看详情

01-css的引入方式

在HTML中引入css方式总共有三种：行内样式内接样式外接样式　　　　　3.1链接式　　　　　3.1导入式css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负责页... 查看详情

01-css的引入方式

css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负责页面样式。JS：JavaScript。从交互的角度描述页面行为CSS：CascadingStyleSheet，层叠样式表。CSS的作用就是给H... 查看详情

01-css的引入方式

行内样式内接样式外接样式　　　　　3.1链接式　　　　　3.1导入式css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负责页面样式。JS：JavaScript。从交互的... 查看详情

01-css的引入方式和常用选择器

一、css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负责页面样式。JS：JavaScript。从交互的角度描述页面行为CSS：CascadingStyleSheet，层叠样式表。CSS的作用就... 查看详情

前端之css

01-css的引入方式在HTML中引入css方式总共有三种：行内样式内接样式外接样式　　　　　3.1链接式　　　　　3.1导入式css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审... 查看详情

css编辑知识(1---12)

一、01-css的引入方式在HTML中引入css方式总共有三种：行内样式内接样式外接样式　　　　　3.1链接式　　　　　3.1导入式css介绍现在的互联网前端分三层：HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。... 查看详情

css引入的方式

CSS引入的方式将CSS作用到HTML主要有四种方式，分别为HTML元素添加内联样式、<style>标签嵌入样式、<link>标签引入外部样式、@import导入外部样式。内联方式<divstyle="color:red"></div>特点不需要额外的HTTP请求... 查看详情

css引入方式

HTML中引入CSS的方式有4种方式可以在HTML中引入CSS。其中有2种方式是在HTML文件中直接添加CSS代码，另外两种是引入外部CSS文件。下面我们就来看看这些方式和它们的优缺点。内联方式内联方式指的是直接在HTML标签中的 style&nbs... 查看详情

css学习笔记01css简介

...是由HTML标签组成的，那么这些标签会根据浏览器的默认方式进行排版与样式的渲染，如果想要更改这些默认的样式，推荐用CSS，因为这查看详情

引入css的方式

---恢复内容开始---引入css的样式及link和@import的区别有3种引入方式1.内部样式(写在标签内)2.内联样式3.外部样式(link@import)区别:1.本质区别:link由HTML提供;@import由css提供,link可引用其他文件,@import只能引用css文件2.加载顺序的区别:lin... 查看详情

大前端一css

六、CSS简介01css02css发展史03css的引入查看详情

大前端一css

六、CSS简介01css02css发展史03css的引入查看详情

引入css的方式link和@import的区别

引入CSS的方式有四种：内联方式、嵌入方式、链接方式、导入方式。内联方式内联方式指的是直接在HTML标签中的 style 属性中添加CSS。<divstyle="background:red"></div>这通常是个很糟糕的书写方式，它只能改变当前标签... 查看详情

vue中常用的几种import（模块文件）引入方式

VUE中常用的几种import（模块、文件）引入方式：https://blog.csdn.net/weixin_38930535/article/details/80177445 1、引入js文件在用的那一页，引入文件相应的js文件里面，必须是暴露出来的2、引入组件3、引入外部组件4、引入外部js插件查看详情

前端css的引入方式

！！！前端css的引入方式#1、css介绍#现在互联网分为三层：#html：超文本标记语言，从语义的角度描述页面结构。#CSS：层叠样式表，从审美的角度负责页面样式#JavaScript：从交互的角度描述页面行为##css：cascadingstylesheet，层叠样... 查看详情

vue引入图片的方式

参考技术A1、img标签src属性：2、背景图片引入：background-image:url('');url中可以是相对路径，也可以通过src别名@找到图片路径查看详情

大前端一css

六、CSS简介01css02css发展史03css的引入查看详情