我爱我的家乡

           《 CSS的学习知识点  》

使用HTML写样式的痛点：
1.代码比较臃肿。
2.可读性比较差。
3.不便于维护。
4.对搜索引擎不友好，搜索引擎更关心内容。

使用css的优点：
1.代码比较简洁
2.可读性比较强
3.便于维护
4.更关心内容，对搜索引擎比较友好

  <!-- 如何去使用css
  基础语法：
  选择器{
      属性: 属性值;（声明）
      属性: 属性值;
   }
  选择器：选择页面中哪些元素去做样式的修改。
  声明：要做什么样的样式修改。
  声明：都是由属性和属性值组成的。中间用：，以分号结尾。
  css对缩进和空格不敏感，咱们可以通过合理的缩进来提高代码的可读性。
  css分为五类：文本，盒子，浮动，定位，背景。
  文本：
   字体，大小，颜色。
  盒子：宽，高，背景色，边框、
  书写位置。
  1.行内式，内嵌式，外链式，导入式。
  <!-- 行内式写法。  直接写在标签style属性中
  行内式：写法简单。
  缺点：1.结构和样式没有分离。
  2.只对当前的标签生效。不能够复用。
  开发中不推荐使用。
  <p>妖怪，我要你助我修行。</p>
    <!-- 内嵌式
      写法：
  <style>
 </style>

    使用style标签，在head标签内。
    css属性写在style标签内。
    缺点：
    1.如果样式比较多，页面代码会比较多。
    2.只对当前页面生效。如果说多个页面有共同的样式，需要写多次。
    优点：
    结构和样式分离。
    样式可以复用。
  -->
  <p>红的花是绿的草</p>
  外链式 
    写法：<link rel="stylesheet" href="css/demo.css">
  通过link标签，引入外部的css文件。
  优点：
    结构和样式分离。
    样式可以复用。
    可以多个页面使用。
  <p >大威天龙</p>
<!-- 导入式。
写法：
<style>
   @import url(css/demo.css);
 </style>
外链式：会先加载css，再去加载HTML页面。
导入式：会先加载HTML页面，再加载css。
不推荐使用导入式，使用最多的是外链式。
</body>
</html>
今天我们老师给我讲了css 我听得还不错。不是太难
 有类选择器,  ID选择器  通用选择器（*） 元素选择器.
类选择器：.class
ID选择器：ID=
通用选择器:*