`

css在页面里面的三种引入方式

阅读更多

1.在页面里面直接写 
   <style type="text/css"> 
   body{ 
      margin: 0; 
     padding: 0; 
   } 
   </style> 
  
2.用link进行引用 

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

3.用import进行引用 

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

第一种是直接在html页面上进行css书写,而第二种和第三种是采用外部引用样式单独提取文件。

分享到:
评论

相关推荐

    用css写的页面

    标题“用css写的页面”揭示了我们即将探讨的是关于CSS(Cascading Style Sheets)在构建网页布局和设计中的应用。CSS是Web开发中的一个重要部分,它负责定义HTML或XML(包括SVG、XHTML等)文档的呈现方式,使得我们...

    HTML外部引用CSS文件不生效原因分析及解决办法

    作为一个前端小白,鼓捣了几...然后再我的html文件里面去引入这个外部css: XML/HTML Code复制内容到剪贴板 &lt;link rel=stylesheet type=text/css href=css/style.css&gt;  在浏览器一刷新。。哇,kao。竟然没

    在CSS文件里导入其它的CSS文件

    在这种情况下,"在CSS文件里导入其它的CSS文件"这一技巧就显得尤为重要。这允许我们将样式代码模块化,从而简化管理,并有助于减少重复和混乱。 在CSS中,我们可以使用`@import`规则来导入其他CSS文件。例如: ```...

    CSS教程实例大全 很多实例在里面

    **描述中的“CSS教程实例大全是学习css的好参考 很多实例在里面”**进一步强调了这个教程的价值,特别是对于那些希望通过实际操作来学习CSS的人来说。实例教学是一种有效的学习方法,因为它允许学习者看到代码如何...

    炫酷的登录页面里面含有js和css和html代码

    在这个炫酷的登录页面中,CSS可以用来设置背景图片、文字颜色、边框样式、动画效果等,使页面看起来更加吸引人。例如,你可以用CSS选择器选中特定的HTML元素,然后通过属性如`background-color`改变背景色,`font-...

    html5 css3圆形进度条倒计时页面跳转代码

    接着,CSS3引入了大量新的选择器和样式属性,使设计更加精细和灵活。在创建圆形进度条时,可以利用CSS3的`border-radius`属性将矩形边框变为圆形。通过设置`width`和`height`相同,我们可以创建一个完美的圆形。...

    Springboot访问templates下的html页面,CSS,JS失效

    然而,有时在尝试访问`templates`目录下的HTML页面时,可能会遇到CSS和JavaScript失效的问题。这个问题通常是由于静态资源处理配置不正确或者路径引用不准确导致的。以下是一些可能的原因及解决方案: 1. **静态...

    HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业 杭帮美食五个页面(附完整答案和学生用要求及素材)

    在本项目中,CSS3可以用来进行页面布局,例如使用Flexbox或Grid布局来创建响应式设计,适应不同设备的屏幕尺寸。通过选择器增强,可以更精确地定位和样式化元素,如伪类`:hover`、`:active`和`:focus`,以及属性选择...

    3种网页过度效果代码(CSS3)

    标题中的“3种网页过度效果代码(CSS3)”指的是使用CSS3实现的三种不同的网页过渡效果。CSS3是层叠样式表的第三个主要版本,它引入了许多新的功能和改进,其中包括丰富的动画和过渡效果,使得网页设计更加动态和吸引...

    教你去学如何使用css,美化你的网页

    在网页设计领域,CSS(Cascading Style Sheets)是一种至关重要的技术,用于定义网页内容的样式、布局和呈现效果。本教程将引导你逐步学习如何使用CSS,让你的网页更加美观、专业。以下是对CSS的一些核心知识点的...

    基于HTML5+css+JS的精美登陆注册界面

    HTML5、CSS和JavaScript是构建网页交互式用户体验的三大核心技术。在这个基于HTML5+CSS+JS的精美登录注册界面项目中,我们将深入探讨这些技术如何协同工作,为用户提供直观且吸引人的界面。 首先,HTML5(HyperText...

    CSS完全自学手册电子书

    - **外部样式表**:保存在.css文件中,通过标签引入,适用于多个页面共享同一组样式,是最常用的样式表类型。 #### 三、模仿与进步 **3.1 模仿的重要性** 学习CSS时,模仿是提升技能的有效方式。通过查看优秀网站...

    HTML5+CSS实现完美烟花网页特效类页面源码

    在这个名为"HTML5+CSS实现完美烟花网页特效类页面源码"的项目中,开发者利用这两门语言的特性,为用户带来了一种独特的视觉体验——点击鼠标就能在网页上绽放出绚丽的烟花。 首先,HTML5是超文本标记语言的最新版本...

    CSS教程宝典里面简单介绍了css的基础

    这些定位方式有助于控制元素在页面上的位置。特别是,浮动(`float`)和清除(`clear`)的概念在布局设计中尤为重要。 层叠与继承是CSS的另一大特性。多个样式可以应用于同一个元素,CSS会根据优先级确定哪个样式...

    css权威指南PDF带标签高清

    在CSS的世界里,我们首先要理解的是它的核心概念——层叠样式表。CSS是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档呈现的语言,它的主要任务是控制网页的布局和外观。通过使用CSS,开发者可以将...

    酷炫 html5页面加载 loading动画效果 demo 基于原生无第三方依赖

    本示例"酷炫html5页面加载loading动画效果demo"是基于原生JavaScript和CSS实现的,无需任何第三方库,简化了开发流程,提高了性能。 首先,我们来详细了解一下如何实现这种加载动画。在HTML结构中,我们需要在`...

    基本的HTML页面,其中包含了一些内联CSS.rar

    在标题提到的“基本的HTML页面,其中包含了一些内联CSS.rar”中,我们有一个压缩文件,里面包含了一个使用了内联CSS样式的HTML文档。内联CSS是指将CSS样式直接插入HTML元素的`style`属性中,以控制该特定元素的样式...

    css全程指南随书光盘

    10. **自定义属性(CSS变量)**:CSS变量提供了一种定义和重用样式的方式,可以在整个样式表中统一管理颜色、尺寸等值。 通过《CSS全程指南》随书光盘中的实例,读者可以亲手操作,体验这些知识点的实际应用,从而...

    十个静态页面展示-练习 HTML-CSS

    这个压缩包文件包含了 01-HTML-CSS 这个子文件夹,里面很可能是多个 HTML 和 CSS 文件,用于演示和练习不同的页面布局和样式设计。 首先,我们从 HTML(HyperText Markup Language)开始。HTML 是构建网页的基础,...

Global site tag (gtag.js) - Google Analytics