今天,我们来看一下CSS的书写位置,一共有三种位置可以写:行内式、内嵌式、外链式。一、行内式:css属性写在标签的一个style 属性中,可以书写其他所有css样式。
<div style="color:red;background: black;width: 200px;height: 200px;">这是一段文字</div>
二、内嵌式:写在html内部,head标签里有一对style标签,是一个双标签,我们所有的样式都写在双标签内部。style标签有一个属性type,属性值为“text/css”,表示我们内部书写的是纯文本类型的css样式代码。
<style type="text/css"> div{ border: 5px solid red; } </style>
三、外链式:将css样式写在一个单独的文件中,通过一个link标签将css样式加载进来。css的注意事项:
- css中的末尾必须加分号用以分隔;
- 对于内嵌式,所有的样式必须写在一对大括号里;
- css对于换行、空格、缩进不敏感。
练习代码为:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ border: 5px solid red; }</style></head><body> <div style="color:red;background: black;width: 200px;height: 200px;">这是一段文字</div></body></html>
效果为:
自己动手练习一下吧😄