CSS渡一教程学习笔记(一)--注释、引入CSS、CSS加载顺序

第一天

1、css注释

    css注释的快捷键为：ctrl+? 快速注释/取消代码注释
    编程理念：编程10分，调试8分，代码2分，交流1分

布局

HTML IS Frame ll

CSS IS PATTERN II

JavaScript IS ACTION II

css 为cascading style sheet 层叠样式表 cascading 为层叠的意思

2、引入css

  a.style=""行间样式
     <div style="background-color:red">div>

  b.页面级css,位置位于head标签里面
      <style>
      div
      {
      background-color:red;
      }
      style>

  c. 外部css文件
     <link>标签引入 位置位于head标签里面
     <link rel="stylesheet" type="text/css" href=""/>

3、css加载顺序

    浏览器从服务器上下载html页面，下载一点，执行一点，下载一行，执行一行。如果执行到link引入css文件，那么是同时下载css文件，和执行html代码？，还是先引入css文件，在执行html代码？，亦或者反之？
浏览器会为link开启一个新的线程，用于下载css，同时还有一个线程，继续执行html代码。也就是两个线程分别执行，互不干扰。
也就是异步加载
(在CPU上快速切换代码执行片)

4、css同步与异步

同步：就是计算机在一个时间内，只能干一件事情，干完之后，再接着干另外一件事情
同步（Sync）
所谓同步，就是发出一个功能调用时，在没有得到结果之前，该调用就不返回或继续执行后续操作。
根据这个定义，Java中所有方法都是同步调用，应为必须要等到结果后才会继续执行。我们在说同步、异步的时候，一般而言是特指那些需要其他端协作或者需要一定时间完成的任务。
简单来说，同步就是必须一件一件事做，等前一件做完了才能做下一件事。
异步：就是计算机同时处理多个线程，
异步（Async）
异步与同步相对，当一个异步过程调用发出后，调用者在没有得到结果之前，
就可以继续执行后续操作。当这个调用完成后，一般通过状态、通知和回调来通知调用者。
对于异步调用，调用的返回并不受调用者控制
举个例子简单说明下两者的区别：
同步：火车站多个窗口卖火车票，假设A窗口当卖第288张时，
在这个短暂的过程中，其他窗口都不能卖这张票，也不能继续往下卖，
必须这张票处理完其他窗口才能继续卖票。直白点说就是当你看见程序里出现synchronized这个关键字，
将任务锁起来，当某个线程进来时，不能让其他线程继续进来，那就代表是同步了。

异步：当我们用手机下载某个视频时，我们大多数人都不会一直等着这个视频下载完，
而是在下载的过程看看手机里的其他东西，比如用qq或者是微信聊聊天，这种的就是异步，
你执行你的，我执行我的，互不干扰。比如上面卖火车票，如果多个窗口之间互不影响，
我行我素，A窗口卖到第288张了，B窗口不管A窗口，自己也卖第288张票，那显然会出错了。