CSS初步认识


      CSS也是刚刚接触,就知道用在了设置主页的样式和颜色,跟之前用到的配置文件功能很像,都为了提高效率,将页面的设置放在CSS中,只需要设计一次样式,用的时候直接用[名称]就可以拉。

   通过学习,更多的了解了CSS。


1,CSS总结图:

CSS初步认识_第1张图片


2,CSS跟HTML的区别:

   简单的说就是HTML是网页的结果,CSS是网页的样式。

   一个网页可以用多个样式,一个样式也可以用在多个网页中,网页好比房子,css就是装修样式。如果想让房子都装修成一个样子的,就用一个css样式(这里指一个css一个样式),如果想要不一样的样式,那就多用一种css样式。

  总结:使用CSS使结果和样式分离,装饰模式使类的核心职责和装饰功能区分开,都省去了重复的操作。



3,HTML应用CSS:

      1)HTML文件应用CSS图(多个HTML可以同时使用一个CSS)

CSS初步认识_第2张图片



       2)行内样式表(未使用)

       例:通过行内样式将页面背景设为红色

CSS初步认识_第3张图片


       3)外部样式表(使用)

        例:引用一个外部样式表文件

CSS初步认识_第4张图片




你可能感兴趣的:(CSS初步认识)