1、CSS简述
1.1、CSS是什么？有什么作用？
HTML------------->页面结构----------------->人的面部（素颜）
CSS------------->美化页面----------------->化妆（美颜）
CSS（CascadingStyleSheets）：层叠样式表
样式表：存储样式的地方，多个样式
| 相当于给人面部化妆： | 涂口红 | 画眼影 | 打粉底 |
| HTML标签 | 样式1 | 样式2 | 样式3 |
| CSS通常称为CSS样式或层叠样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）图片的外形（宽、高、边框样式、边距等）以及版面的布局等外观显示样式。 CSS可以使HTML页面更好看，CSS色系的搭配可以让用户更舒服，CSS+div布局更加灵活，更加容易绘制出用户需要的结构。 |
CSS作用：修饰
1.2、CSS入门案例
步骤一：创建一个HTML文件
步骤二：在HTML上创建一个字体标签
步骤三：字体标签中新增一个style属性，并修改style属性值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<font size="11px" >今天天气真好</font><br/>
<font style="font-size:50px ;" >今天天气真好</font>
</body>
</html>
HTML在单独使用时有一定局限性，需要配合CSS使用。
1.4、CSS的代码规范
- 放置规范：
- 在<style>标签内容中书写css样式代码
- <style>标签放置在<head>标签之中。
- 格式规范
- 选择器名称{属性名1：属性值1;属性名2：属性值2;...........}
- 选择器：即指定css样式作用在哪些标签HTML标签
<head>
<style>
被作用标签名{属性名1：属性值1;
属性名2：属性值1 属性值2 属性值3；
}
</style>
</head>
- 代码规范：
- 属性名和属性值之间是件对关系：
- 属性名和属性值之间 用 : 后用 ; 结尾。
例如：font-size:50px ;
- 如果一个属性名有多个值，多个值之间用 空格 隔开。
例如：border:5px; solid red；
css注释：/* 注释内容*/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
span{
/*注释写在被作用标签名中*/
font-size: 200px;
color: orange;
border: 20px solid pink ;
}
</style>
</head>
<body>
<span>我会抱着你</span>
</body>
</html>
337
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
