美文网首页我爱编程
章节七、CSS样式基本知识

章节七、CSS样式基本知识

作者: 神游加发呆 | 来源:发表于2018-05-25 09:14 被阅读0次

内联式CSS样式
嵌入式CSS样式
外部式CSS样式(外联式)
<link href="base.css" rel="stylesheet" type="text/css" />

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内

注意:
1、css样式文件名称以有意义的英文字母命名,如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。

相关文章

  • 章节七、CSS样式基本知识

    内联式CSS样式嵌入式CSS样式外部式CSS样式(外联式) 外部式css样式(也可称为外联式)就是把css代码写一...

  • html和CSS基础课程(7-1 7-2 7-3 7-4)

    7章 CSS样式基本知识 这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CS...

  • 第6-9章CSS

    目录 第6章、开始学习CSS,为网页添加样式 第7章 CSS样式基本知识 第8章 CSS选择器 第9章CSS的继承...

  • CSS样式基本知识

    CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...

  • HTML5+CSS——05CSS样式表写法、语法、内联和块

    前面讲的HTML,接下的章节是CSS 一.CSS 层叠样式表(Cascading Style Sheets) CS...

  • CSS葵花宝典——基础入门

    CSS的基本知识很简单,你只要知道有哪些基本样式属性、CSS的选择器,怎么在页面应用CSS,就可以随便倒腾试试手了...

  • CSS 按钮

    CSS 按钮 本章节我们为大家介绍使用 CSS 来制作按钮。 基本按钮样式 CSS 实例 尝试一下 » 按钮颜色 ...

  • CSS--2.CSS样式基本知识

    注:本文内容为本人学习慕课网前端知识时整理摘录,方便后续查阅。具体可访问原链接   CSS样式可以写在哪些地方呢?...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • [jQuery]设置css样式

    获取css样式 设置单个css样式 设置多个css样式

网友评论

    本文标题:章节七、CSS样式基本知识

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