CSS基础_CSS样式的几种书写形式

1.内嵌式
将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：

<head>
<style type="text/CSS">标签名/ 选择器 {属性1:属性值1;属性2:属性值2;属性3:属性值3;.....
}
</style>
</head>

2.内联样式，又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下：

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;">内容 </标签名>

3.链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中，其基本语法格式如下：

<head><link href="CSS文件的路径"  rel="stylesheet" />
</head>/**
注意： link 是个单标签哦!!!该语法中，link标签需要放在head头部标签中，并且必须指定link标签的三个属性，具体如下：href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接文档的类型，在这里需要指定为“text/CSS”，表示链接的外部文件为CSS样式表。
rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
*/

CSS基础_CSS样式的几种书写形式相关推荐

[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器...
一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会 ...
CSS基础（样式声明、引用（行内样式、内部样式、外部样式、导入样式）、样式优先级）
目录什么是CSS 为什么使用css css样式规则 css引用(行内.内部.外部link链入.导入式@import) css三种使用方法的区别 ***网页三大元素*** ***什么是CSS*** ...
css基础--段落样式
目录段落样式文本修饰(text-decoration) 大小写(text-transform) 文本缩进(text-indent) 文本对齐方式(text-align) 行高(line-heigh ...
css基础：样式之定位、样式之隐藏、二级菜单、多个列表转表格、图片精灵技术
<html lang="en"> <head> <meta charset="UTF-8"> <tit ...
css基础：样式之定位、样式之隐藏、二级菜单、多个列表转表格、图片精灵技术...
<html lang="en"> <head> <meta charset="UTF-8"> <tit ...
CSS写表格样式的两种基本方式
1. 方法一:利用Html已有标签效果 html代码 <table border="2"><thead><tr><td>标签< ...
2、HTML嵌入CSS样式（四种方法）
CSS 样式代码必须保存在.css类型的文本文件中,或者放在网页内 <style> 标签中,或者插在网页标签的 style 属性值中. CSS 样式应用的方法主要包括 4 种:行内样式.内 ...
CSS基础笔记——边框样式
在浏览网页的过程中,边框样式随处可见.几乎所有的元素都可以定义边框边框样式有三个属性想要为一个元素定义边框样式,必须要同时设置border-width.border-style.border-co ...
HTML基础，CSS基础
目录 HTML基础标签 1.文本格式化,图片,音频,视频,链接标签列表(有序,无序,自定义) 表格 1.表格(基本使用) 2.表格(合并单元格) 表单 1.input基本使用 2.表单占位符,单选 ...

CSS基础_CSS样式的几种书写形式

CSS基础_CSS样式的几种书写形式相关推荐

最新文章

热门文章