html样式的引入

CSS是Cascading Style Sheets(层叠样式表)的缩写。用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。它的引入和定义一般要放在<body>主体前面

  • 默认样式( user agent style浏览器中默认定义的样式 )

比如h1、h2、p默认的字体大小和黑色字体

  • 外部样式表(引入一个外部.css文件)

<link rel="stylesheet" type="text/css" href="文件路径/文件名.css">
"/"为linux下文件路径写法,""windows下路径写法。html中直接用“/”即可。./index.css和index.css均表示当前目录下。../index.css表示上一级目录。

  • 内部样式表(直接写入style标签)

<style type=“text/css”>....</style> 一般放在head标签内

  • 内联样式

直接在标签内部定义style属性,如"<p style="color:red;border: 2px solid #fff;">这是一个内联样式</p>"

  • 还有一种引入的方法,在CSS样式中引入另一个CSS

@import url(CSS文件地址);此规则必须出现在样式表内的任何声明之前。一般网页布局使用link较多,也推荐使用link。


这几种样式的优先级,内联>内部>外部;


一般css外部方式引用,方便复用,但对于页面需要一次加载,所以对于独有或者特有的简单的样式可以直接写在内部。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,650评论 1 41
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,870评论 0 6
  • 前段时间《芈月传》大火,周围人一聊天张口闭口就是芈月和三个男人间的情感纠葛,一有机会蹭网,就手痒痒地搜视频追剧。 ...
    茗君阅读 3,902评论 0 3