CSS第一课

来源：互联网发布：chart.js 使用xml 编辑：程序博客网时间：2024/06/11 21:04

HTML中有好多东西如果没有CSS或者JS的铺垫是理解不完全的。因此从今天开始我要开始初步学习CSS啦！

-------------------------------------我是分割线---------------------------------------

那么我们为什么要用CSS呢？

下面简单来阐述一下通过标签来修改样式的缺点：

①需要记忆哪些标签具有哪些属性，如果这个标签没有这个属性，那么设置之后就不会产生任何效果。

②当需求变更的时候，我们需要修改大量代码来满足需求。

③HTML只有一个作用：添加语义。所以不应该要用HTML来修改样式

综上所述呢，在企业开发中我们不用HTML来修改样式，而用CSS来修改样式。

那么，用CSS有什么好处呢？

①不用去记忆哪些标签具有哪些属性

②当需求变更的时候不用去修改大量的标签，只需要修改一个地方就可以满足现有的需求。
③在前端开发中， CSS只有一个作用：修改样式。

-------------------------------我是分割线-----------------------

HTML标签写在body中，那么CSS需要写在哪里呢？CSS要写在head标签之间。

CSS的固定格式：

CSS的代码必须写在<style>和</style>之间，同时这两个标签必须写在<head>和</head>之间。

举个栗子：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>CSS初体验</title>    <style type="text/css">    p{       text-align: center;        color:red;    }    </style></head><body>   <h1>你好</h1><p>我是Qiuqiuqiu</p></body></html>

其中style标签中的就是CSS语句。

------注意点-----

①style标签必须写在head标签之间，和title标签是兄弟关系。

②style标签中的type属性其实可以不用写，默认的就是text/css

③设置样式时，必须按照固定的格式来设置：属性名称 : 属性值; 其中，“:”一定不能省略。“;”也不可以省略。总之，“:”和“;”都不要省略就好了。

0 0