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张票,那显然会出错了。

猜你喜欢

转载自blog.csdn.net/zhou_shadow/article/details/91359270