weiter 发表于 2020-4-3 10:38:22

【CSS3】第一弹:食用方法

本帖最后由 weiter 于 2020-4-4 19:05 编辑

**** Hidden Message *****
上次看到鱼油搞了个HTML5的,那我也搞个CSS3吧
如题,今天我们复习(或预习?)CSS3的食用方法.如果已经看过教程的鱼油的话已经知道了
CSS3有两种,emmm不对,是三种食用方法。
在复习这几种方法前先复习一下CSS的结构:选择器{属性: 值;属性: 值}
**** Hidden Message *****
欧克,先来说一下第一种:内联样式,这玩意语法长这样:
<p style="color: red; background_color: blue">你好</p>
这个要放到可以调用用CSS的标签里
这个就不用多说了,看看下第二种:内联样式,这时候就要放在head上了
<style>
    p{
      color: red;
    }
</style>
一个style标签包裹着,就是啦。这样子更方便阅读,不会出现在内联样式里可能会出现的一大坨,没法看的东西。
然后就是第三种:外部样式表。
这时候要在原来的html文件里加上一个link标签,然后加上文件路径,一般是写相对路径,比如酱紫:
<link type="text/css" href="xxxx.css">
上面这个代码是在同一个文件夹下的,其他的详见教程或者发帖问人叭。{:10_256:}
加上这样的代码之后就建立一个css文件,命好名,就可以开始写了。就像酱紫:
p{
    color: red;
}
这个时候就不用写style了,因为。。。没有因为。{:10_335:}
最后插一句,CSS3的注释长这样:
**** Hidden Message *****

**** Hidden Message *****
如果喜欢,请收藏或订阅哦{:10_298:}
【CSS3】第二弹:一抹亮丽的色彩

weiter 发表于 2020-4-3 10:43:36

先来个沙发

lby2010 发表于 2020-4-4 18:55:05

学习一下

weiter 发表于 2020-4-4 18:55:27

lby2010 发表于 2020-4-4 18:55
学习一下

终于有人回帖了{:10_254:}
页: [1]
查看完整版本: 【CSS3】第一弹:食用方法