CSS基础学习
2018-01-15 本文已影响0人
挥剑斩浮云
CSS的3种引用方式
- 外部样式表
- 外部样式表在单独文件中定义，并且在
<head></head>标签对中使用link标签来引用。
<link href="index.css" rel="stylesheet" type="text/css" />
内部样式表
- 内部样式，指的就是把
CSS代码和HTML代码放在同一个文件中，其中CSS代码放在<style></style>标签对内，并且<style></style>标签对是放在<head></head>标签对内的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内部样式表</title>
<!--这是内部样式表，CSS样式在style标签中定义-->
<style type="text/css">
p{color:Red;}
</style>
</head>
<body>
<p>sss</p>
</body>
</html>
内联样式表
内联样式表，也是把CSS代码和HTML代码放在同一个文件中，但是跟内部样式表不同，CSS样式不是在<style></style>标签对中定义，而是在标签的style属性中定义。
<body>
<p style="color:Red; ">1</p>
</body>
CSS基本语法
- 注释
/* */ - 导入其他
css文件@import url(file.css) -
CSS格式
选择器 {
css属性: 值;
css属性: 值;
}
CSS颜色单位
rgb()
hex 16进制方式
colorName
CSS 长度单位
px
% 百分比
em 字体大小的倍数
pt
cm
mm
